试图了解javascript中对象的区别

Question

在下面的代码示例中，我了解了替代方法1和2的工作方式，但是我试图理解第三个替代方法。 这是什么类型的对象，为什么它以这样的函数之前的括号开头：（ (function以及为什么以这样的双括号结尾：( () 。很好奇，想知道这是什么和区别？

备选方案1 ：（对象文字）

var something = {
 rows: 12;
 cols: 6;
  };

备选方案2 ：（函数对象）

var something = function(x,y) {
    return x + y;
}

备选方案3：??

var something = (function() {
    var settings = {
    rows : 10,
    cols : 3,
    number : 2
    };
    })();

Answer 1

备选方案3将“ something”变量设置为函数的返回值。 （）实际上执行该功能。

我将使用MDN中的一些内容来展示闭包的好处： https : //developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Closures

var Counter = (function() {
  var privateCounter = 0;
  function changeBy(val) {
    privateCounter += val;
  }
  return {
    increment: function() {
      changeBy(1);
    },
    decrement: function() {
      changeBy(-1);
    },
    value: function() {
      return privateCounter;
    }
  };   
})();

alert(Counter.value()); /* Alerts 0 */
Counter.increment();
Counter.increment();
alert(Counter.value()); /* Alerts 2 */
Counter.decrement();
alert(Counter.value()); /* Alerts 1 */

Answer 2

在您的代码中，替代方案3将在变量中保持未定义状态，原因是您的函数未返回任何值。

@Felix已经在上面发布了一个很好的链接。 基本上，这是一个IIFE，可立即调用该IIFE，并且该函数的返回值将分配给某些变量。

这种模式的主要目标之一通常是在闭包中隐藏某些状态。 函数中定义的任何变量都会进入状态。 这些变量对于返回的对象中的函数将是可访问的，但对于外部世界将不可用。