jQuery的覆蓋「這個」原型

Question

我宣佈一個JavaScript對象：

function A(name){ 
    this.name=name 
} 

A.prototype.test=function(){ 
    console.log(this.name); 
}; 

，因爲我已經設置了一個按鈕，一個簡單的例子，如果它被點擊應輸出變量到本地控制檯日誌：

<button id='test'>test</button> 

腳本：

var t=new A('hello'); 
$('#test').click(t.test); 

當我按一下按鈕我想this.name展示（在這種情況下'hello'），而是this引用點擊按鈕，而不是我創建的對象。

當然這是一個調試腳本。在現實生活中，我將一個函數綁定到window.resize事件上，該事件將在重新調整大小時重新生成一個窗口。

有一個JSFiddle顯示該問題。

我有這一個解決方案，即是宣告調整大小（或點擊功能）在對象的構造和使用可替代的名稱爲this，像這樣（Here's the JSFiddle）：

function A(name){ 
    this.name=name 

    var self=this; 
    $("#test").click(function(){ 
     console.log(self.name); 
    }); 
} 

但我'而是使用原型並將函數綁定到對象的構造函數中。我如何使用原型來做到這一點？

Answer 1

您可以使用bind，將設置的this值的時間提前：

var t=new A('hello'); 
$('#test').click(t.test.bind(t));