Javascript：自调用单例函数与创建函数实例？

Question

在javascript中揭示模块化模式哪个更好：

1. 拥有一个自调用函数，该函数将在 JS 渲染时只初始化一次，如下所示：

<div id="output">
</div>

<script>
   var calculator = function()
{
        add = function(x,y){
           return x+y;
        };        
        return { add:add };
}();

document.getElementById("output").innerHTML = calculator.add(5,3);;


</script>

- - 要么 - - -

1. 有一个构造函数来执行此操作：

<div id="output">
</div>

<script>
  var calculator = function()
  {
        add = function(x,y){
             return x+y;
          };
          return { add:add };
  };
    document.getElementById("output").innerHTML = new calculator().add(5,3); 
</script>

在第 1 中，我读到的好处是每个函数将只初始化一次，而在第 2 中，我们将为每个初始化的对象拥有函数的副本。

但第一个问题是它会在 JS 加载期间制作单个副本。

我很困惑为什么在 case2 中我们会在内存中有多个函数副本，因为内存应该分配给变量而不是函数。

这两种方法中哪一种是正确的？如何决定何时选择哪一种？

Answer 1

3) 一个简单的 js 对象？ ：

var calculator = {
  add(a,b){
   return a+b;
  }
};

alert(calculator.add(1,2))

由于您既不想要多个实例（第二种方法适用）并且您没有私有变量（闭包适用），所以上层可能是要走的路。