如何從方法內部訪問基礎對象Javascript

Question

我寫了一個類，這是從它取得的一個片段來演示我的問題。

<!--language:lang-js-->  
var myclass = function() { 
    this.addItem = function() { 
     //generateDiv and append.. 
     //generatedeletebtn and append 
     btn.onclick = this.deleteItem; 
    } 
    this.deleteItem = function() { 
     console.log(this); 
    } 
} 

裏面的deleteItem功能，this代表HTML元素點擊。有沒有一種方法可以直接訪問myclass對象？

我試圖改變 div.onclick = this.deleteItem 到 div.onclick = this.deleteItem(this)其中就訪問對象，但括號調用函數，並儘快刪除的項目，因爲它們可以補充，這樣是沒有好作品。

Answer 1

這看起來像bind

btn.onclick = this.deleteItem.bind(this); 

工作你能想到的bind包裝紙功能的通過this.deleteItem在另一函數B，它總是調用一個給定的範圍內引用第一個參數bind。

MDN如果您不能假設bind在您的環境中可用，那麼可以使用一個polyfill。

Answer 2

您可以使用閉包來將對象的引用存儲在名爲that的變量中。然後，當deleteItem最終被調用時，它應該使用myclass對象作爲that。

var myclass = function() { 
    var that = this; 

    this.deleteItem = function() { 
     console.log(that); 
    } 
} 

你不應該擔心與這一個polyfills。