無法從使用`this`的事件處理程序中訪問對象的方法

Question

以下是FF Extension監視瀏覽行爲的代碼。 從processClick方法處理點擊事件不能訪問trim方法。

控制檯顯示this.trim不是功能。 我知道這可能是this的範圍。

我會很感激任何幫助。

function bbm(doc) 
{ 
    this.doc = doc; 

    this.registerListeners = function() { 
     this.doc.addEventListener("click", this.processClick, false); 
    }; 

    this.trim = function(str) 
    { 
     return str.replace(/^\s+|\s+$/g, '') ; 
    }; 


    this.processClick = function(e) { 
     alert(e.type + " " + this.trim(this.url)); 
    }; 

}; 

Answer 1

使用此功能

Function.prototype.bind = function(obj) { 
    var _method = this; 
    return function() { 
     return _method.apply(obj, arguments); 
    };  
} 

然後，

this.registerListeners = function() { 
    this.doc.addEventListener("click", this.processClick.bind(this), false); 
};