javascript - 如何在同一个对象中调用原型(prototype)函数？

Question

我有以下 javascript 代码。

var Test = function(){



    $("#"+elementId).click(function(){
        // How to call Test.callbackTest here?
    });

}

Test.prototype.callbackTest = function(){
    //code
}

如果我想在点击事件中调用callbackTest()，是否必须使用this.callbackTest()？

或者有什么更好的方法吗？

Answer 1

如果您想使用 from click function ，this.callbackTest() 将不起作用，因为它会绑定(bind)到 window 对象而不是您的函数。有多种方法可以做到这一点……一种快速的方法

    var Test = function(){

       var that = this

        $("#"+elementId).click(function(){
            // How to call Test.callbackTest here?
             that.callbackTest();
        });

    }

    Test.prototype.callbackTest = function(){


  //code
}

jquery 还提供了一个 proxy解决方案，我建议您检查一下。如果你使用它，你的代码会像

  var Test = function(){

        $.proxy(this.callbackTest,this) // This ensures that wheneven callbackTest is called , 'this' inside callbackTest will be bound to current object , in this case Test 
        $("#"+elementId).click(function(){
            //AND THEN YOU CAN USE THIS here 
             this.callbackTest();
        });

    }

    Test.prototype.callbackTest = function(){


  //code
}