如何在滚动事件中访问对象作用域？

Question

我有一个功能foo它在window.scroll上被调用。我想访问foo中的对象变量，例如我想从父对象打印hello的值。

jsfiddle link

var Object = { 
hello: "hello", 

    foo: function(e){ 
     alert(this.hello); //Prints undefined! I want to get this.hello 
    }, 

    scrollListener: function(){ 
    var _this = this; 
    $(window).scroll(_this.foo); 
    }, 
}; 

Answer 1

我认为，在一个匿名函数包装_this.foo会做的伎俩。

使用这window.scroll

$(window).scroll(function(){ 
     _this.foo(); 
}); 

DEMO

Answer 2

有2个解决方案

1）使用$.proxy这样的伎俩。

$(window).scroll($.proxy(_this.foo,this));

DEMO

2）返回FOO函数然后调用它。

foo: function(context) { 
    var that = context; 
    return function(e){ alert(that.hello); } 
}, 

scrollListener: function(){ 
    var _this = this; 
    $(window).scroll(_this.foo(_this)); 
}, 

DEMO