728x90 반응형 IT/JavaScript와 Framework109 지금 스벨트(Svelte)를 배워야 하는 이유 출처: https://yozm.wishket.com/magazine/detail/3153/ [지금 https://yozm.wishket.com/magazine/detail/3153/ 2025. 5. 28. 생성자 함수내에 콜백함수 사용시 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. 이전 1 2 3 4 ··· 28 다음 728x90 반응형