JavaScript - "this"的所有者

Question

我按照教程创建了一个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属性保持一致,则应绑定要调用的函数.

例如,

setInterval(function() { /* code here */ }.bind(this), 500)

这样,this内部函数的内部函数将与外部函数的函数相同.