为什么调用方法不能正常工作?

2022-07-14 00:00:00 call javascript

请参考-https://jsfiddle.net/ta2u2z9a/

var o = {
    x: 6
};

function a() {
    this.x = 3;
    this.y = function() {
        alert(this.x)
    }
}

var a1 = new a();
a1.y.call(); //shouldn't it alert 3?

a1.y.call(o) //is alerting 6, correct!

为什么第一个警报未定义?它不应该警告%3吗?


解决方案

.call()的第一个参数需要是该方法的"Owner对象":

a1.y.call(a1);

发生了什么?

当您自然地调用一个方法(例如a1.y())时,this的值会自动设置为对象(例如a1)。

使用函数NOT作为方法(例如var x = a1.y; x();)时,this的值是全局/窗口对象,或者null(取决于您是否处于严格模式)。

.call()方法(它是函数的方法)是显式设置this值的一种方式,而不是自动赋值。使用.call()时,您必须自己提供this值作为第一个参数。

相关文章