在javascript中如何在另一个原型方法中调用一个原型方法？

Question

假设我有一个功能：

function test(){}

test.prototype.method01=function(){
    //do something
}

test.prototype.method02=function(){
    //how can I call the method01?
    //this.method01()...?
    //but the chrome through an error:
    //Uncaught TypeError: Object #<HTMLImageElement> has no method 'method01'
}

编辑：实际上方法01是这样的：

test.prototype.method02=function(){
    $('.cpy').resizable({

    }).draggable({
        start:function(e,ui){
            this.method01();
        }
    });
}

Answer 1

test.prototype.method02=function(){
    var testThing = this;
    $('.cpy').resizable({

    }).draggable({
        start:function(e,ui){
            testThing.method01();
        }
    });
}

您必须在另一个局部变量中保留this引用，以便回调函数在调用另一个方法时可以使用它。 this引用绑定在每个函数调用上，包括调用回调函数，例如您在“.draggable（）”设置中使用的函数。 当被调用时， this将在“method02”函数中设置为与this不同的内容。

Answer 2

是的，你可以像在这个问题的其他答案中那样在词法范围内手动缓存this 。 但是，我建议的替代方法是使用$.proxy或function.bind作为$.proxy创建绑定方法。

绑定方法往往被称之为具有稳定this 。 我发现它们更具可读性，而不是在更高范围内this进行奇怪的命名

Answer 3

怎么样？

test.prototype.method02=function(){
     this.method01.apply(this);
     // do some other stuff
}