在对象中使用下划线油门 - 如何保持对象的引用？

Question

我试图在对象中使用_.throttle，但我认为我不知道如何正确执行此操作。

我使用jQuery和Underscore.js

function object() { 
    this.throtthled = function() { 
     // This should alert 1 
     alert(this.var); 
    } 

    this.fastFunc = _.throttle(this.throtthled, 100); 
    this.var = 1; 
} 


$(function() {  
    var myObject = new object(); 
    $(document).on('mousemove', myObject.fastFunc);  
}); 

但你可以在控制台上看到jsfiddle，这只回报undefined。 我在做什么错？

Answer 1

您在创建它之前正在访问this.throtthled，并将undefined传递给_.throttle而不是函数（其方法为.apply）。

此外，您需要use the correct this context为您的回调。

// using the prototype: 
function MyObject() { 
    this.fastFunc = _.throttle(this.throttled.bind(this), 100); 
    this.var = 1; 
} 
MyObject.prototype.throttled = function() { 
    // This does alert 1 
    alert(this.var); 
};