为什么我总是会在我的情况下获得'虚假'的价值？

Question

我在testFun.js

var testFunc=function{ 

    var hasCar=false; 

    return{ 
     checkCar: function(){ 
      for(var i=0; i<5; i++){ 
       MyCar.check(hasCar); //defined in following MyCar.js 
      } 
     } 
    } 

}(); 

功能在MyCar.js

var MyCar=function(){ 
    var createCar=function(){ 
      //Create a car 
      //var car = new Car(); 
    } 
    return{ 
     check: function(hasCar){ 

       console.log(hasCar); //PROBLEM HERE: fierBug console output is "false" always even CHECK_BUTTON has been clicked, why? 

       var handler=function(){ 
        if(!hasCar) 
         createCar(); 
         hasCar=true; 
       } 
       //CHECK_BUTTON is a button on UI 
       CHECK_BUTTON.click(handler); 
     } 
    } 
}(); 

正如你在MyCar模块模式看，当点击CHECK_BUTTON另一个功能，我将调用createCar()函数，并将hasCar的值从改为改为true。

hasCar定义在testFunc模块模式中，并传递给MyCar.check(hascar)。

我有内部MyCar.check()功能的Firebug的控制台输出，我想到的是，当鼠标点击CHECK_BUTTON，控制台输出将是真正，但我总是得到假，为什么？我用hasCar来检查是CHECK_BUTTON被点击过一次还是不行，但是如果它总是持有假的值，我无法知道它。如何摆脱这一点？

Answer 1

原始值通过值通过值和而不是通过参考。

因此分配true到hasCar点击事件处理程序内（在MyCar.check）不会改变在testFunc定义的hasCar值。

你可以使用一个对象，而不是：

var testFunc= (function(){ 
    var hasCar = {val: false}; 
    // ... 
}()); 

var MyCar=(function(){ 
    //... 
    return{ 
     check: function(hasCar){ 

       console.log(hasCar.val); 

       var handler=function(){ 
        if(!hasCar.val) 
         createCar(); 
         hasCar.val=true; 
       } 
       CHECK_BUTTON.click(handler); 
     } 
    } 
}()); 

或者在这两个函数访问的范围定义hasCar变量。

更新：

你仍然会得到false在控制台，因为hasCar.val设置为仅true你点击该按钮，你永远不叫console.log当你点击该按钮后。

在这里使用循环不会告诉你任何东西。较适宜的测试将给出您的设置：

var hasCar = {val: false}; 
MyCar.check(hasCar); // will output false 
// now click the button 
MyCar.check(hasCar); // will output true 

看一看这个DEMO。

---

其它注意事项：

• 为了更好的兼容性，环绕你的自我调用函数与括号。
• 您每次调用MyCar.ceck时都会添加一个新的点击处理程序。我不认为这是需要的。
• 你的应用程序的结构很混乱（至少对我来说））。