javascript - 从回调中检索原始上下文

Question

我有一个 JavaScript 类，它有两个方法，例如 this .

var MyObject = function () {};

MyObject.prototype = {
    open: function () {
        var self = this;
        console.log(self);

        $('#a').click('', self.other);
    },
    other: function () {
        console.log(this);
    }
};

var myobject = new MyObject;

myobject.open();

在other函数的console.log中，this是事件监听的HTML节点，而不是 MyObject 对象与 open 函数中一样。

当用作回调时，如何从函数 other 检索 MyObject 对象？

Answer 1

您可以使用$.proxy将 this 上下文作为第二个参数传递:

var MyObject = function () {};

MyObject.prototype = {
    open: function () {
        $('#a').click($.proxy(this.other, this));
    },
    other: function () {
        console.log(this);
    }
};

var myobject = new MyObject;

myobject.open();

当点击#a时，MyObject.other()函数将被调用，并使用引用MyObject<的this实例.

JSFIddle with code in action