Question

我正在研究JavaScript封闭。
我想用封闭模块化。
所以我写了代码，但没有得到我想要的结果我想要结果box1和box2的不同结果。但由于某些原因得到相同的结果我该怎么办？

＆＃13;

var spinBox = function() {
  var spinBoxConfig;

  return {
    create: function(config) { 
      spinBoxConfig = {
        value: typeof config.value === 'number' ? config.value : 200
      }
      return this;
    },
    getValue: function() {
      return spinBoxConfig.value;
    }
  }
}()
var box1 = spinBox.create({
  value: 30
});
var box2 = spinBox.create({
  value: 310
});

console.log(box1.getValue()); // same
console.log(box2.getValue()); // same

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

＆＃13;

Answer 1

当您定义spinbox对象时，您将创建一次闭包。调用create或getValue的所有内容都将与spinBoxConfig的单个实例进行交互。如果您想在每次调用create时创建全新的闭包，您需要在创建函数中执行此操作。

＆＃13;

var spinBox = {
    create: function (config) {
       var spinBoxConfig = {
          value: typeof config.value === 'number' ? config.value : 200
       }

       return {
          getValue: function () {
              return spinBoxConfig.value;
          }
       }
    }
}

var box1 = spinBox.create({
  value: 30
});
var box2 = spinBox.create({
  value: 310
});

console.log(box1.getValue());
console.log(box2.getValue())

＆＃13;

尽管如此，spinBoxconfig有点矫枉过正，因为你已经在你的闭包中拥有了配置参数，它拥有所有相关数据。所以你可以这样做：

＆＃13;

var spinBox = {
    create: function (config) {
       if (typeof config !== 'number') {
           config = 200;
       }

       return {
          getValue: function () {
              return config;
          }
       }
    }
}

var box1 = spinBox.create(30);
var box2 = spinBox.create(310);

console.log(box1.getValue());
console.log(box2.getValue())

＆＃13;

混淆javascript闭合

1 个答案: