[this] 객체의 메서드를 외부 변수에 할당하거나 함수의 인수로 전달하면 바인딩된 this가 사라지는 이유를 설명하세요

[Tanney-102]

참고 https://ko.javascript.info/reference-type

[shinsehantan]

외부 변수에 할당하는 경우

• 객체의 메서드가 외부 변수의 레퍼런스에 할당되는 순간 this가 가리키던 객체가 사라지며, 전역 객체를 가리키게 된다.
• 객체 메서드의 this는 메서드를 호출한 객체를 가리키지만, 외부 변수에 할당하여 그 변수에 담긴 함수를 호출하면 메서드가 위치한 객체에서 호출한 것이 아니라, 객체 외부 window 영역에서 호출한 것이기 때문에 this는 window를 가리키게 된다.

함수의 인수로 전달하는 경우

• 객체의 메서드가 함수의 인수로 전달될 때는, 객체의 메서드가 아닌 함수 그 자체로 전달된다. 따라서 더이상 this가 해당 객체를 바라보지 않게 되고, 따로 this를 정의하지 않을 경우 전역 객체를 참조하게 된다.

[ddongule]

this는 함수의 호출 방식에 따라 동적으로 결정되기 때문에 함수가 외부 변수에 할당되거나 함수의 인수로 전달하면 this가 가리키던 객체가 사라지게 된다.

[bucketHaneul]

• 원래는 객체 내에 있던 함수였기에 메서드로서 동작하던 함수였지만, 외부 변수에 할당되는 순간 해당 함수는 일반 함수가 되므로, 이제는 일반 함수처럼 this가 전역에 바인딩 되는게 아닐까 생각합니다.
• 함수의 인수로 전달되는 함수의 경우는 callback 함수라고 생각할 수 있을 것 같고, 그렇게되면 callback의 제어권을 가진 함수가 정해준 this가 없다면, this는 전역을 가리키므로 this가 사라졌다고 생각할 수 있을 것 같습니다.

[jum0]

객체의 메서드에 접근하면 함수가 아닌 참조 타입 값을 반환하는데, 외부 변수에 할당하거나 함수의 인수로 전달하는 경우 참조 타입을 버리고 값(함수)만 받아 전달한다. 이 때문에 점 이외의 연산에서는 this의 정보가 사라진다.