반응형
함수내에 콜백 함수에서 this는 해당 함수의 lexical scope를 참조하지 못한다.
function a () {
var foo = 'var';
console this.foo : print var
setTimeOut(function() {
console this.foo : print undefined
})
}
function a () {
var foo = 'var';
console this.foo : print var
setTimeOut(() => {
console this.foo : print var
})
}
즉 this를 lexical scope 환경에서 제대로 활용하기 위해선 화살표 함수가 좋다!
반응형
'Web > javascript' 카테고리의 다른 글
Null 과 Undefined의 개념적 차이 (0) | 2023.11.10 |
---|---|
Closer 사용시 주의사항 (0) | 2023.11.10 |
Top-level await 로 귀찮은 문법을 간소화 하자 (0) | 2023.11.09 |
Async Await 사용 시 주의사항 (퍼포먼스) (1) | 2023.11.09 |
자바스크립트 - 클로저 (Closure) 간단 요약 (0) | 2023.10.20 |