JavaScriptでグローバル変数と関数を使用しないようにする

Question

変数と関数をグローバルスコープに公開しないように、以下のJavaScriptコードを変更するにはどうすればよいですか？

var nMax = 10; 
var i = 0; 
var step = function(){ 
       //do stuff 
       i += 1; 
       if(i < nMax){ 
           step(); 
       }else{ 
           alert('finished'); 
       } 
} 
step(); 

その背後に理由がある場合は、理想的には感謝します。

どのようなアイデアをいただければ幸いです。

Answer 1

ただ、匿名関数でラップし、即座にその関数を呼び出します。

(function(){ 
    var nMax = 10; 
    var i = 0; 
    var step = function(){ 
        //do stuff 
        i += 1; 
        if(i < nMax){ 
            step(); 
        }else{ 
            alert('finished'); 
        } 
    } 
    step(); 
})(); 

もう一つの例：http://jsfiddle.net/n5Srd/

Answer 2

標準的な方法は、

var step = function(){ 
    var nMax = 10; 
    var i = 0; 
    return function() { 
       //do stuff 
       i += 1; 
       if(i < nMax){ 
           step(); 
       }else{ 
           alert('finished'); 
       } 
    }; 
}(); 
step(); 

Answer 3

使用する代わりになりますクロージャ：関数はオブジェクトなので、他のオブジェクトと同じように関数に値を付けることができます：

function step() 
{ 
    step.i++; 

    if (step.i < step.nMax) step(); 
    else alert('finished'); 
} 

step(); 

---

あるいは、機能と変数を名前空間にオブジェクトを使用します。

var stepper = 
{ 
    i: 0, 
    nMax: 10, 
    step: function() 
    { 
     this.i++; 

     if (this.i < this.nMax) this.step(); 
     else alert('finished'); 
    } 
}; 

stepper.step(); 

---

そしてここで、関数宣言ではなく、関数式を使用しています@ PaulPROの答えのクリーナーバージョンがあります：

(function() 
{ 
    var i = 0, 
     nMax = 10; 

    function step() 
    { 
     i++; 

     if (i < nMax) step(); 
     else alert('finished'); 
    } 

    step(); 
})(); 

Answer 4

fnがそれを介して呼び出されるようにオブジェクトを配置します。 -

var stepHolder = {}; 
stepHolder.step = (function(nMax){ 
var i = 0; 
return function step(){ 
      //do stuff 
      i += 1; 
      if(i < nMax){ 
          step(); 
      }else{ 
          alert('finished'); 
      } 
    };} 
)(10); 

    stepHolder.step();