變量範圍和共享信息，而全局變量

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 

這是所有關於某些閉包變量的曝光......堅持下去的工作，這是需要理解的重要模式，我答應！