揭示模块模式内部-外部变量不匹配

<html><body><button>setSpeed</button>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script>
$(document).ready(function(){
  $('button').on('click', function(){
    _.setSpeed();
    console.log('_.slow: ' + _.slow);
  });
});
var _ = (function(){
  var slow = 4;
  
  function setSpeed(){ 
    if (slow == 4) {
      slow = 1;
    } else if (slow == 1){
      slow = 16;
    } else {
      slow = 4;
    }
    console.log('slow: '+ slow);
  }
  return { slow: slow, setSpeed: setSpeed };
})();
</script></body></html>

我不明白为什么console.log的slow和_.slow不匹配？我错过了什么？

通过在IIEF中返回varslow和函数setSpeed，我认为它们应该匹配。

执行此操作时：

return { slow: slow, setSpeed: setSpeed };

您正在创建一个具有两个属性slow和setSpeed的新对象。slow的值是从var slow中指定的。由于这是一个基元类型(而不是引用值(，您将获得slow(4(的当前值的副本。

当您调用setSpeed时，它会修改var slow，将其更改为1。这不会影响_.slow(因为它不是引用(。

相关内容

最新更新

热门标签：