如何在滾動事件中訪問對象作用域？

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