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

Question

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

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
    );

}

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