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

Javascript - Why call method is not working correctly?(为什么调用方法不能正常工作？)

问题描述

请参考-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值作为第一个参数。