变量范围和共享信息，而全局变量

Question

如果我有：

function firstFunction(){ 
    var counter = 0; 
    secondFunction(); 
    secondFunction(); 
    secondFunction(); 
    secondFunction(); 
} 
function secondFunction(){ 
    counter++; 
} 

我得到因变量的局部范围的错误，但怎么回事，我该做这样的事情，而不使用全局变量？

Answer 1

一种方法是使用闭包：

(function() { 
    var counter = 0; 

    function firstFunction() { 
     secondFunction(); 
     secondFunction(); 
     secondFunction(); 
     secondFunction(); 
    } 

    function secondFunction() { 
     counter++; 
    } 
})(); 

另外，还可以在counter值传递给secondFunction，像这样：

function firstFunction() { 
    var counter = 0; 
    counter = secondFunction(counter); 
    counter = secondFunction(counter); 
    counter = secondFunction(counter); 
    counter = secondFunction(counter); 
} 

function secondFunction(counter) { 
    return ++counter; 
} 

Answer 2

使用对象通过引用

计数器通

function firstFunction() { 

     var myObj = new Object(); 
     myObj.counter = 0; 

     secondFunction(myObj); 
     secondFunction(myObj); 
     secondFunction(myObj); 
     secondFunction(myObj); 

    } 

    function secondFunction(obj) { 
     obj.counter++; 
    } 

Answer 3

由于原始类型（如整数和str英格斯）在JavaScript是按值传递，但对象是通过引用传递，你需要使用一个对象：

// passing primitive type 
var counter = 0; 
for (var i = 0; i < 4; ++i) { 
    secondFunction(counter); 
} 
alert(counter); // 0 
function secondFunction(counter) { 
    counter++; 
} 

// passing object 
var obj = { counter: 0 } 
for (var i = 0; i < 4; ++i) { 
    secondFunction(obj); 
} 
alert(obj.counter); // 4 
function secondFunction(obj) { 
    obj.counter++; 
} 

http://jsfiddle.net/MpVqQ/2/

这样就可以达到你想要的东西，而无需使用全局变量。

Answer 4

作为补充埃利奥特巴纳维亚的答案，你也可以这样做：

var firstFunction = (function() 
{ 
    var counter = 0, 
    secondFunction = function 
    { 
     counter++; 
    }; 
    return function() 
    { 
     counter = 0;//initialize counter to 0 
     secondFunction(); 
     return counter; 
    }; 
}; 
console.log(firstFunction());//logs 1, because counter was set to 1 and returned 

这一切变得有点多，但谷歌“的JavaScript模块模式”和调查一下。你很快就会发现什么使这个代码打勾：

var counterModule = (function() 
{ 
    var counter = 0, 
    secondFunction = function 
    { 
     counter++; 
    }, 
    firstFunction = function() 
    { 
     counter = 0;//initialize counter to 0 
     secondFunction(); 
    }, 
    getCounter = function() 
    { 
     return counter; 
    } 
    setCounter = function(val) 
    { 
     counter = +(val); 
    }; 
    return {firstFunction: firstFunction, 
      getCounter: getCounter, 
      setCounter: setCounter}; 
}; 
console.log(counterModule.firstFunction());//undefined 
console.log(counterModule.getCounter());//1 
console.log(counterModule.secondFunction());//ERROR 

这是所有关于某些闭包变量的曝光......坚持下去的工作，这是需要理解的重要模式，我答应！