Lennon FE

자바스크립트에서 일반 함수는 함수를 선언할 때 this에 바인딩할 객체가 동적으로 결정된다. 아래 함수가 어떻게 실행될 지 예상해보자. const obj = { name: 'minho', intro: function() { console.log(this.name) setTimeout(function() { console.log(this.name) }, 1000) } } obj.intro() 논리적으로 생각해보면 당연히 minho가 두 번 뜰거라 생각한다. 그러나 두 번째 console.log는 undefined가 뜨는 걸 확인할 수 있다. 이유는 무엇일까? setTimeout 내부의 this는 window를 가르키기 때문이다. 해당 문제를 아래 코드와 같이 bind, call, apply를 통해 어디에 ..