중첩 함수의 JavaScript "this" 포인터 미스터리

JavaScript 코드 조각에서 "this"와 관련하여 예상치 못한 동작이 발생했습니다. 중첩된 함수 내의 " 포인터입니다. 객체 메서드 내에서 중첩 함수를 정의했음에도 불구하고 중첩 함수 내부의 "this" 포인터는 전역 "창" 객체를 가리킵니다.

"this" 포인터의 동작은 함수 호출 메서드에 의해 결정됩니다. 자바스크립트. 세 가지 기본 메서드가 있습니다:

1. 직접 호출: someThing.someFunction(arg1, arg2, argN)

   • 이 메서드에서 "this" 포인터는 다음을 참조합니다. 함수를 호출하는 객체(이 경우 someThing.

2. Function Call with call(): someFunction.call(someThing, arg1, arg2, argN)

   • call() 함수는 제공된 객체(이 경우 someThing)에 "this" 포인터를 명시적으로 설정합니다.

3. 함수 apply()를 사용한 호출 : someFunction.apply(someThing, [arg1, arg2, argN])

   • call()과 유사하게 apply() 함수는 "this" 포인터를 제공된 객체로 설정하지만 대신 인수 배열입니다.

제공한 예에서 중첩 함수는 명시적인 함수 호출 방법 없이 호출됩니다. 결과적으로 "this" 포인터는 일반적으로 브라우저 환경의 "window" 개체인 전역 개체로 기본 설정됩니다.

"this" 포인터 동작을 명시적으로 지정하려면 다음 수정 사항을 사용할 수 있습니다. :

1. std_obj.displayMe 대신 std_obj.displayMe()를 사용하세요. displayMe 메소드를 명시적으로 호출합니다.
2. 객체의 this 포인터를 명시적으로 사용하여 중첩 함수를 정의합니다. var doSomeEffects = function() { var that = this; ... }
3. call() 또는 apply() 함수를 사용하여 "this" 포인터를 설정합니다. doSomeEffects.call(std_obj);

이 방법 중 하나를 활용 를 사용하면 중첩된 함수 내에서 "this" 포인터의 동작을 제어하고 원하는 객체를 참조하는지 확인할 수 있습니다.