JavaScript - "this"的所有者

Question

我关注了一个 tutorial用于创建 JavaScript 秒表，并试图扩展它以使用多个秒表(一个类的多个实例)。我遇到的问题是，当我试图在时钟滴答作响时显示当前值时，我需要对类实例进行硬编码，因为使用“this”不起作用(在我使用 console.log 的那一行)。我已将代码缩减到最少以尝试理解这方面的内容，并粘贴了下面的内容:

function Timer(){
    var time1 = null;
    var time2 = null;
    var timeLoop = null;

    function getTime(){
        var day = new Date();
        return day.getTime();
    }

    this.start = function(){
        time1 = getTime();

        timeLoop = setInterval(function(){
            time2 = getTime();
            console.log(_Timer.duration());
            //console.log(this.duration());
        },500);
    }

    this.duration = function(){
        return (time1 - time2) / 1000;
    }

}       

我认为下面的链接描述了我的问题，但我对它的理解还不够，无法在此处应用。问题是由于所有者是 this.start 而不仅仅是这个吗？我该如何修改代码以使其适用于任何 Timer 实例？

http://www.quirksmode.org/js/this.html

我已经包含了硬编码值行和不起作用的“this”行。

谢谢，

杰兰特

Answer 1

如果你想让 this 属性保持一致，你应该绑定(bind)被调用的函数。

例如，

setInterval(function() {/* 代码在这里 */}.bind(this), 500)

这样，内部函数的 this 将与外部函数的相同。