javascript - これは、名前空間ではなく、クリックされたオブジェクトを参照しています

Question

namespaceたとえば、次のように、 aといくつかの s があるとしましょうfunction:

HTML

<input type="button" class="btn" value="click">

ジャバスクリプト

var nms = {
 doAlert: function(){
     alert('doing alert');
     console.log(this);
 },
 bindBtn: function(){
     var that = this;
     $('.btn').on('click', that.doAlert);
 }

}

nms.bindBtn();

つまり、印刷物は、私logが 実行している要素を指します。<input type="button" class="btn" value="click">thisfunction

nms私の不足かもしれませんが、の代わりに参照する方法を理解したいと思いinputます。可能であれば、this

Answer 1

var nms = {
 doAlert: function(){
     alert('doing alert');
     console.log(this);
 },
 bindBtn: function(){
     $('.btn').on('click', nms.doAlert.bind(nms));
 }
}

IEのバインドをサポートするには、これを使用できます