Javascript static/singelton - this vs _this vs object name

Question

这是一个关于性能和最佳实践的问题。

假设我有一个js对象，它封装了大量的辅助方法。该对象被视为静态类，这意味着它永远不会实例化，它的所有方法基本上都是辅助方法。 当使用事件和jQuery时，对象的this作用域不断变化，并且由于它有相当多的方法，我在想什么是最佳做法 - 在每个方法的开始将this保存为_this，或者仅使用对象名称MyObject。

多年来，我一直在做这两个，当谈到singelton /静态对象，但我认为必须有一个最佳实践，是时候采取最好的方法。

我目前的研究表明，来用_this而不是直接调用MyObject的好处主要有两个：

• 如果对象的名称更改，_this永远是可行的
• 可能更快（虽然没有看到性能测试结果），因为浏览器保持在相同的范围内，并且不需要每次都找出MyObject的范围。使用MyObject
的

优点：

• 更少的代码编写。
• 垃圾收集管理？ （少变量分配）
• 可能对一些开发商（其中多个this适用）更具可读性
• 更容易重构代码，因为MyObject永远是可行的

我想知道是否有一种方法全局保存_this（只在对象的范围内），并避免在每个方法的开始处分配它。如果没有 - 是否还有其他我缺少的优点/缺点，或者直接调用对象名称被认为是不好的做法。

这是一个简化的参考对象（真实对象有更多的方法）。

var MyObject = { 
     init: function() { 

     this.registerEvents(); 
     //other stuff 

     }, 
     registerEvents: function() { 

     this.registerOnSomeEvent(); 
     //registering more events.. 
     //... 

     }, 

     registerOnSomeEvent: function() { 
      var _this = this; 
      jQuery('#someid').click(function() { 
      _this.doSomething();//option 1 
      MyObject.doSomething();//option 2 
      }); 
     }, 

     doSomething: function() { 
     //doing something... 
     } 
    } 

MyObject.init(); 

谢谢你的帮忙！

Answer 1

可以封装整个对象在一个封闭来实现这一点没有对每个功能specifiying _this：

window.MyObject = (function() { 
    var self = { 
     init: function() { 

      self.registerEvents(); 
      //other stuff 

     }, 
     registerEvents: function() { 

      self.registerOnSomeEvent(); 
      //registering more events.. 
      //... 

     }, 

     registerOnSomeEvent: function() { 
      jQuery('#someid').click(function() { 
       self.doSomething();//option 1 
       self.doSomething();//option 2 
      }); 
     }, 

     doSomething: function() { 
      //doing something... 
     } 
    }; 

    self.init(); 

    return self; 
})(); 

Answer 2

我觉得你的问题是，你去的刻意模仿的东西，你应该做的，而不是一个很长的路要走。

const mySingleton = (function() { 
    // Instance stores a reference to the Singleton 
    var instance; 
    function init() { 
     // Singleton 
     // Private methods and variables 
     var privateVariable = "Im also private"; 
     var privateRandomNumber = Math.random(); 

     return { 
      // Public methods and variables 
      publicMethod: function() { 
       console.log("The public can see me!"); 
      }, 
      publicProperty: "I am also public", 
      get randomNumber() { 
       return privateRandomNumber; 
      } 
     }; 
     function privateMethod(){ 
      console.log("I am private"); 
     } 

    }; 
    return { 
     // Get the Singleton instance if one exists 
     // or create one if it doesn't 
     get instance() { 
      if (!instance) instance = init(); 
      return instance; 
     } 
    }; 
})(); 

如果你不想用不完this背景下，从来没有使用继承和永远不会有一个以上的实例就是不写那些东西作为对象的方法，而是宣布，在私有方法一个singleton pattern（这是一个揭示模块模式，但只有一个实例）

因为它基本上就是这样做，但你揭示了一切，你几乎没有任何目的地发送this数百和数百次。 this不是经常设计的。不要这样使用它。