javascript - Javascript变量函数不保留值

Question

这个 js 函数是全局变量的一部分。第一次从另一个 js 文件调用它时，它可以工作。但是第二次，从它本身来看，一切都是空的。

 Start: function () {
   console.log('InactivityAlerts.Start() called ...');
    if (this.active) {
        if (this.IDLE_TIMEOUT != "") {
            window.setInterval(this.CheckIdleTime, 1000);
            console.log('started...');
        }
        else {
            window.setTimeout(this.Start, 1000);
             //an iframe sets the IDLE_TIMEOUT later, but this should continue to 
             //run until it is not blank.
        }
    }
},

当它再次调用自己时；但是，一切都是空的，包括在此之前从 Init 设置的this.active 。为什么？我怎样才能确保一切仍然设置正确？

谢谢你的帮助

Answer 1

这是一个this值问题，请确保this在传递函数时绑定正确的值。

window.setInterval(this.CheckIdleTime.bind(this), 1000);
window.setTimeout(this.Start.bind(this), 1000);

如果您总是希望它们绑定到同一个实例，您也可以在构建时绑定它们。

function YourConstructor() {
    //assumes that someFunction is defined on YourConstructor.prototype
    this.someFunction = this.someFunction.bind(this);
}

或者与众所周知的实例相同：

InactivityAlerts = {
    Start: function () { /*...*/ }
};

InactivityAlerts.Start = InactivityAlerts.Start.bind(InactivityAlerts);