Évitez d'utiliser des variables globales et des fonctions en Javascript

Question

Comment modifier le code JavaScript ci-dessous afin qu'il évite d'exposer les variables et les fonctions à la portée globale?

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

Idéalement, il serait reconnaissant si la raison derrière elle pourrait être fournie.

Toute idée serait très appréciée!

Answer 1

envelopper juste dans une fonction anonyme et appeler cette fonction immédiatement:

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

Un autre exemple: http://jsfiddle.net/n5Srd/

Answer 2

La méthode standard serait

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

Une alternative à l'utilisation d'un closure: les fonctions sont des objets, vous pouvez donc y attacher des valeurs comme n'importe quel objet:

function step() 
{ 
    step.i++; 

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

step(); 

---

Ou, utilisez un objet à l'espace de noms de la fonction et les variables:

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

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

stepper.step(); 

---

Et voici une version plus propre de la réponse de @ PaulPRO qui utilise une déclaration de fonction plutôt qu'une expression de fonction:

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

    function step() 
    { 
     i++; 

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

    step(); 
})(); 

Answer 4

Mettre dans un objet si fn est appelé par ce qui suit: -

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();