JavaScript – “this”的所有者

前端之家收集整理的这篇文章主要介绍了JavaScript – “this”的所有者前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我按照 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”行.

谢谢,

杰兰特

解决方法

如果要使此属性保持一致,则应绑定要调用函数.

例如,

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

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

猜你在找的JavaScript相关文章