javascript - 引用对象方法时是否应将其存储在变量中？(JavaScript)

Question

我使用多次引用 JavaScript 对象的地方this

var myObj = {
   method1 : function() {},
   method2 : function() {},
   method3 : function {},
   init : function() {
       this.method1();
       this.method2(); 
       this.method3();  
   }
};

是否有任何性能提升，我应该存储this在变量中吗？像：

init : function() {
    var self = this;

    self.method1();
    self.method2(); 
    self.method3();  
}

Answer 1

无需将this引用存储在变量中，除非您需要将该上下文传递到闭包中。

以下是您可能需要将this指针传递到闭包中的示例，例如元素上的单击事件需要引用this指针在事件的外部父上下文中指向的任何内容：

init : function() {

    $('.someElem').click( 
        (function(self) {
            return function() {
                self.method1();
                self.method2(); 
                self.method3();  
            }
        })(this)   // pass "this" into the "self" parameter as an argument
    );

}

在您的情况下，您不必要地创建一个局部变量并在您确实不需要时为其分配一些东西。它是多余的，并且还会创建一个不需要的变量。