this에 관한 질문

[박성현]

 

15, 16의 실행 결과가 각각 다릅니다.

함수를 새로 변수에 저장했냐 안했냐에 따라서 this의 의미가 달라지는거 같은데

메소드를 변수로 새로 저장했을때 this의 값이 바뀌는 이유는 가물가물하게 오는 거 같은데

정확히 어떤 메커니즘으로 바뀌는지 궁금합니다 ㅠㅠ

 

스크립트 전문입니다.

 

<script>

window.name = "Mike Tyson";

const me = {
name: "Tyler",
sayName() {
console.log(this.name);
}
};

const sayName = me.sayName;

me.sayName();
sayName();

</script>

 

[박성현]

이건 제가 혼자고민하다 나름 해석하게되어서 여쭤봅니다.

 

12번줄에서 me.sayName라는 변수는 위에서부터 코드가 해석되면서 미리 채워지는 것이죠?

그렇기 때문에,  15줄에서 함수의 사용은 오브젝트의 메소드로써 사용되었기에 결과로 Tyler가,

16줄 함수의 사용은 12에서 이미 채워졌기 때문에 그냥 전역함수로써 사용되서 Mike가..

제가 해석한게 맞는지도 궁금합니다 ㅠ

[codingapple]

아무데서나 var sayName = 어쩌구 이렇게 변수 만들면 

window라는 object자료에 .sayName 항목이 추가가 됩니다 

그래서 this가 window 이렇게 변하는듯요  

[글쓴이]

글