728x90 반응형 IT435 생성자 함수내에 콜백함수 사용시 this 값은...? ( 화살표함수로 바꾸면?) 알반 함수로 호출.function Counter() { this.count = 0; setInterval(function() { this.count++; console.log(this.count); ---> 결과가 NaN으로 나옴. }, 2000);} const counter = new Counter(); 이 코드를 화살표 함수로 바꾸면 값이 제대로 나옴. function Counter() { this.count = 0; setInterval( () => { this.count++; console.log(this.count); ---> 결과가 1씩 증가하며 제대로 나옴. }, 2000);} this는 함수가 호출.. 2025. 4. 29. 자바스크립트 생성자 함수 안에 this 없이 "내부 함수"를 작성하는 방법 권장하지 않는 방식이다.다른 언어와이 차이점때문에 기록해둠.--------------------------------------------------------------------------------------------------function Cafe(menu) { this.menu = menu; function greet() { console.log(`어서오세요, ${menu} 준비중입니다.`); } greet(); // 생성자 실행할 때 인사 } const cafe1 = new Cafe('아메리카노'); // cafe1.greet(); // ❌ 오류! (cafe1에 greet() 메서드가 없음) -------------------------.. 2025. 4. 29. 자바스크립트 객체선언, 생성자함수, class 문법 1. 객체선언const cafe = { brand: "이디아", menu: "", setMenu: function(menu) { this.menu = menu; } }이건 "객체(Object)" 선언입니다.cafe라는 하나의 고정된 객체를 만든 거예요.brand, menu라는 속성(property) 과 setMenu라는 메서드(method) 가 들어 있어요.이 cafe 객체는 그냥 한 번 만들어서 쓰는 고정된 값입니다.만약 다른 카페(스타벅스, 커피빈 등)를 또 만들고 싶으면 하나하나 또 새로 객체를 만들어야 해요.요약:"이디아" 하나를 위해 딱 만들어진 '단일 객체'. 2. 생성자함수function Cafe(menu) { this.menu = men.. 2025. 4. 29. 크롬 개발자도구에서 JQuery가 바로 실행되는 이유. 1. 어떤 사이트는 $()가 바로 됩니다.이유: 그 사이트가 이미 자체적으로 jQuery를 로드했기 때문입니다.요즘도 많은 사이트가 여전히 jQuery를 사용하고 있어서, 이미 jQuery 라이브러리가 올라가 있는 경우가 많습니다.그래서 개발자 도구 콘솔창에서 그냥 $()를 치면 바로 먹히는 거예요.👉 쉽게 말하면:"사이트가 jQuery를 깔아뒀으면, 나도 공짜로 쓰는 것" 입니다.그러면 개발자 도구에서 jQuery가 없는 사이트에 직접 설치하려면?콘솔창에 아래 코드를 복붙하면 바로 임시로 설치할 수 있어요:var script = document.createElement('script'); script.src = 'https://code.jquery.com/jquery-3.7.1.min.js'; doc.. 2025. 4. 28. 이전 1 2 3 4 ··· 109 다음 728x90 반응형