嵌套函数中的 JavaScript“this”指针之谜

在 JavaScript 代码片段中，您遇到了有关“this”的意外行为" 嵌套函数内的指针。尽管在对象方法中定义了嵌套函数，但嵌套函数内部的“this”指针指向全局“窗口”对象。

“this”指针的行为由函数调用方法决定JavaScript。主要有以下三种方法：

1. 直接调用：someThing.someFunction(arg1, arg2, argN)

   • 在此方法中，“this”指针引用到调用该函数的对象，在本例中， someThing.

2. 通过 call() 调用函数： someFunction.call(someThing, arg1, arg2, argN)

   • call() 函数显式地将“this”指针设置为所提供的对象，在本例中， someThing.

3. 使用 apply() 调用函数： someFunction.apply(someThing, [arg1, arg2, argN])

   • 与调用类似()，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”指针的行为，并确保它引用所需的对象。