javascript“这个”再次指向Window对象

Question

我问了一个关于 Javascript this 指向 Window 对象 关于“this”点的问题到窗口对象。

这是蒂姆·唐（Tim Down）编写的源代码

var archive = function(){} 

archive.prototype.action = { 
    test: function(callback){ 
        callback(); 
    }, 
    test2: function(){ 
        console.log(this); 
    } 
} 

var oArchive = new archive(); 
oArchive.action.test(oArchive.action.test2); 

“但随后使用回调（）调用该函数，这意味着它不是作为方法调用，因此这是全局对象”。

按实际名称调用函数与源代码所示的callback() 调用有什么区别？

test2 中的 console.log(this) 在 archive.action 中如何指向 Window？

Answer 1

在 JavaScript 中，您可以使用 4 种不同的调用模式来调用函数：

• 函数调用
• 方法调用
• Apply/Call 调用
• 构造调用

这些模式的主要区别在于 this 参数的初始化方式。

当您使用 oArchive.action.test2() 时，您将使用方法模式调用 test2() 函数，在本例中为 this 将绑定到 action 对象。只要调用表达式包含细化（即 . 点表达式或 [subscript] 表达式），JavaScript 就会使用方法模式。

另一方面，当函数不是对象的属性时，则使用函数模式调用它。在本例中，this 参数绑定到全局对象，事实上，这就是 JavaScript 调用 callback() 函数的方式。

道格拉斯·克罗克福德在他的Good Parts book，将此描述为语言设计中的错误，并建议一些可能的解决方法。在您的情况下，一种简单的解决方法是使用 call() 或 apply() 调用回调，如 Tim Down 在上一个问题中建议：

callback.call(this);

这有效，因为 Apply/Call 调用模式允许您选择 this，这就是您所需要的。

Answer 2

在 javascript 中，this 关键字被设置为函数的所有者。函数对象本身并不维护其所有权，而是从我们调用函数的方式推导出所有权。

例如：

var foo = function() {
    alert('hello');
};
var abc = {};
abc.bar = foo;

简单地调用函数就像

foo();

让解释器不知道该函数可能附加到哪个对象。它可能附加到多个对象，也可能是一个变量等。因此解释器将 this 设置为全局对象。

但是，当调用像

abc.bar();

解释器这样的函数时，知道该函数附加到 abc 对象，因此 this 设置为 abc。即使 bar 和 foo 都引用同一个函数对象，调用模式的差异也会导致 this 的行为不同。