コールバックで "this"をどう扱うか？

Question

私はいくつかの時間intantiatedクラスを持っています。

Captcha = function(el) { 
    var _this = this; 
    this.el = $(el); 
    this.button = this.el.parent().find('button'); 
    this.render(); 
}; 


Captcha.prototype.callback = function() { 
    _this.el.addClass('visuallyhidden'); 
    _this.button.removeClass('visuallyhidden'); 
}; 

Captcha.prototype.render = function(grecaptcha){ 
    this.grecaptcha.render(this.el.dom[0],{ 
     'sitekey' : 'hash', 
     'callback': this.callback 
    }); 
}; 

this.callbackは、api-requestでコールバックとしてトリガされる関数を参照します。ご覧のとおり、私はこの関数を参照するために_thisを使用しようとしますが、何らかの理由でコールバック内で利用できません。

Answer 1

windowオブジェクトには常にクイックストレージとしてオブジェクトを追加できます。

Captcha = function(el) { 
    var _this = this; 
    window.captchaObject = this; 
    this.el = $(el); 
    this.button = this.el.parent().find('button'); 
    this.render(); 
}; 

Captcha.prototype.callback = function() { 
    var _this = window.captchaObject; 
    _this.el.addClass('visuallyhidden'); 
    _this.button.removeClass('visuallyhidden'); 
}; 

Captcha.prototype.render = function(grecaptcha){ 
    this.grecaptcha.render(this.el.dom[0],{ 
     'sitekey' : 'hash', 
     'callback': this.callback 
    }); 
};