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

时间:2015-07-08 14:03:20

标签: javascript call

请参阅 - 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?

2 个答案:

答案 0 :(得分:10)

.call()的第一个参数需要是方法的“所有者对象”:

a1.y.call(a1);

发生了什么事?

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

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

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

答案 1 :(得分:0)

因为您没有在call()中将预期的“ this”参数作为参数发送,所以在该函数中未定义。

如果您没有将任何参数传递给call(),则无需使用它。只需在对象上调用该方法即可。