如何从方法内部访问基础对象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。