JavaScript回调范围

Question

我在使用普通旧JavaScript（无框架）在回调函数中引用我的对象时遇到了一些麻烦。

function foo(id) {

    this.dom = document.getElementById(id);

    this.bar = 5;

    var self = this;

    this.dom.addEventListener("click", self.onclick, false);

}

foo.prototype = {

    onclick : function() {

        this.bar = 7;

    }

};

现在，当我创建一个新对象时（在DOM加载后，使用span＃test）

var x = new foo('test');

在“这个”的onclick函数指向跨度＃测试里面，而不是Foo对象。

如何在onclick函数中获取对foo对象的引用？

Answer 1

解释是，self.onclick这并不意味着您认为它在JavaScript中意味着什么。它实际上意味着onclick对象原型中的功能self（不以任何方式引用self其自身）。JavaScript仅具有函数，没有像C＃这样的委托，因此无法传递方法AND应该将其应用于回调的对象。在回调中调用方法的唯一方法是在回调函数中自己调用它。由于JavaScript函数是闭包，因此它们能够访问在其创建范围内声明的变量。var obj = ...;function callback(){ return obj.method() };something.bind(callback);

Answer 2

对于寻求解决此问题的jQuery用户，您应该使用jQuery.proxy