在 jquery 代码块中使用时出现“this”的问题

Question

我想在 jquery 代码块中使用调用对象的值，但是 'this' 映射到 jquery 对象而不是调用者！请问如何解决这个问题？

// class
myClass = function (){
    // member object
    this._localVars = {
        _elementClass:'.elem-class',
        _dots:null,
        _dotStatus:null
    };

    // member function
    this.func1 = function() {
        $(this._elementClass).each(function(_index, _element){
            // this._localVars._dots[_index] = _element; ... this line throws an error 'this._localVars' is undefined ... as 'this' is html element here and not an object of the calling class
        });
    };
};

请建议我如何在 jquery 代码块中使用“this”来引用类的变量/对象而不是 HTML/jQuery。

谢谢

Answer 1

尝试将this 对象保存到局部变量中

    var myObject = this;
    $(this._elementClass).each(function(_index, _element){
        myObject._localVars._dots[_index] = _element;
    });

Answer 2

您可以使用the jQuery.proxy method 来设置您想要的this 的值。

您将函数作为第一个参数传递，当前的this 作为第二个参数。

myClass = function (){
    this._localVars = {
        _elementClass:'.elem-class',
        _dots:[],
        _dotStatus:null
    };
    this.func1 = function() {
        $(this._localVars._elementClass).each( $.proxy(function(_index, _element) {
             this._localVars._dots[_index] = _element;
        }, this));
    };
};

var cl = new myClass();

cl.func1();

console.log(cl._localVars._dots);