ES6 this 키워드를 알아보자 2 강의 중 질문 있습니다.

[김시민]

강의 너무 잘 듣고 있습니다. 좋은 강의 제공해주셔서 정말 감사합니다!

 

document.getElementById('button').addEventListener('click',
function(e){
    console.log(this)
    console.log(e.currentTarget)
   
    let arr = [1,2,3];
    arr.forEach(function(val){
        console.log(this)
    })
})

이 코드에서  'button' 돔을 클릭하면 콜백함수인 function(e)가 호출되고, 

console.log(this)와 console.log(e.currentTarget)는 이 콜백함수를 호출한 'e'인 button 돔을 출력해주는 것으로 이해했습니다.

그렇다면 arr 또한 콜백함수 function(e) 안에 있기 때문에 arr.forEach의 콜백함수인 function(val)에서의 this도

button DOM을 출력해주어야 하는 것 아닌지 의문이 듭니다.

[codingapple]

this는 함수안에서 쓸 때마다 알맞게 재정의되어서 함수가 또 있으면 그 안에서 또 달라집니다

[글쓴이]

글