Variables JavaScript déclarer à l'extérieur ou à l'intérieur de la boucle?

Il est absolument aucune différence dans le sens ou la performance, en JavaScript ou ActionScript.

var est une directive de l'analyseur, et pas une commande exécutée au moment de l'exécution. Si un identifiant particulier a été déclaré var une fois ou plus n'importe où dans un corps de la fonction(*), pour toute utilisation de cet identifiant dans le bloc ferons référence à la variable locale. Il ne fait aucune différence si value est déclarée var l'intérieur de la boucle, en dehors de la boucle, ou les deux.

Par conséquent, vous devriez écrire à celui qui vous est le plus lisible. Je suis en désaccord avec Crockford, mettre tous les vars au sommet d'une fonction est toujours la meilleure chose. Pour le cas où une variable est utilisée temporairement dans une section de code, c'est mieux de déclarer var dans cette section, afin que la section est autonome et peut être copié et collé. Sinon, copier-coller quelques lignes de code pour une nouvelle fonction au cours de refactoring, sans séparément la cueillette et le déplacement de l'associé var, et vous avez vous-même un accident global.

En particulier:

for (var i; i<100; i++)
    do something;

for (var i; i<100; i++)
    do something else;

Crockford va vous recommandons de supprimer la deuxième var (ou de retirer les deux vars et ne var i; ci-dessus), et jslint sera whinge à vous pour cette. Mais IMO c'est plus facile à gérer pour garder à la fois vars, en gardant tout le code relatives à l'ensemble, au lieu d'avoir un extra, facilement oublié de bits de code au début de la fonction.

Personnellement, j'ai tendance à déclarer que var à la première affectation d'une variable dans une section indépendante de code, si oui ou non il y a une autre utilisation séparée du même nom de variable dans une autre partie de la même fonction. Pour moi, d'avoir à déclarer var à tous n'est pas souhaitable JS verrue (il aurait été mieux d'avoir des variables par défaut en local), je ne vois pas ça comme de mon devoir dupliquer les limites de [une ancienne version de] ANSI C dans du JavaScript.

(*: autres que dans les corps de fonction)

OriginalL'auteur bobince

La ECMA-/Javascript langue hoists toute variable qui est déclarée n'importe où dans le haut d'une fonction. C'est parce que cette langue ne ont function scope et ne pas ont block scope comme beaucoup d'autres C-comme les langues.

Qui est également connu comme lexical scope.

Si vous déclarez quelque chose comme

var foo = function(){
    for(var i = 0; i < 10; i++){
    }
};

Cela devient hoisted à:

var foo = function(){
    var i;
    for(i = 0; i < 10; i++){
    }
}

De sorte qu'il ne fait aucune différence dans la performance (Mais corrigez-moi si je suis totalement faux).

Un bien meilleur argument pour pas la déclaration d'une variable quelque part d'autre que dans le haut d'une fonction est lisibilité. La déclaration d'une variable à l'intérieur d'un for-loop pourrait conduire à la mauvaise hypothèse que cette variable ne peut être consulté dans le corps de la boucle, qui est totalement faux. En effet, vous pouvez accéder à cette variable n'importe où dans le champ d'application actuel.

OriginalL'auteur jAndy

J'ai juste fait un test simple en Chrome. Essayez le violon dans votre navigateur et de voir les résultats

  var count = 100000000;
    var a = 0;
    console.log(new Date());

    for (var i=0; i<count; i++) {
      a = a + 1
    }

    console.log(new Date());

    var j;
    for (j=0; j<count; j++) {
      a = a + 1;
    }

    console.log(new Date());

    var j;
    for (j=0; j<count; j++) {
        var x;
        x = x + 1;
    }

    console.log(new Date());

Résultat est que le dernier test a ~8 secondes et les 2 précédents sont que d'environ 2 secondes. Très renouvelable et quel que soit l'ordre.

Donc, cela me prouve, que l'on doit toujours déclarer la rva à l'extérieur de la boucle. Curieux cas pour moi, c'est la première où je déclare i dans le for() déclaration. Celui-ci semble être tout aussi rapide que le 2ème test où je l'ai pré-déclarer l'index.

OriginalL'auteur mkoistinen

JavaScript est un langage écrit en bas en C ou C++, je ne suis pas très sûr que l'on est. Et l'un de ses objectifs est de sauver la lavour de la manipulation de la mémoire interne.
Même en C ou C++, vous n'aurez pas à vous soucier de savoir si elle va consommer beaucoup de ressources lorsque les variables sont déclarées à l'intérieur d'une boucle. Pourquoi devriez-vous vous inquiéter à ce sujet dans le JavaScript?

OriginalL'auteur Yan Yang

Il Ne fait pas de différence si vous déclarez des variables à l'intérieur ou à l'extérieur de la boucle for.
Ci-dessous est un exemple de code pour tester.

function a() {
   console.log('Function a() starts');
   console.log(new Date());
    var j;
    for (j=0; j<100000000; j++) {
        var x;
        x = x + 1;
    }
    console.log(new Date());
    console.log('Function a() Ends');
}
a()
function b() {
console.log('Function B() starts');
   console.log(new Date());
    var a;
    var j;
    for (j=0; j<100000000; j++) {
      a = a + 1;
    }
    console.log(new Date());
    console.log('Function B() Ends');
}
b()

Les résultats ont montré dans mon cas

Function a() starts
VM121:3 Thu Apr 12 2018 15:20:26 GMT+0530 (India Standard Time)
VM121:9 Thu Apr 12 2018 15:20:26 GMT+0530 (India Standard Time)
VM121:10 Function a() Ends
VM121:14 Function B() starts
VM121:15 Thu Apr 12 2018 15:20:26 GMT+0530 (India Standard Time)
VM121:21 Thu Apr 12 2018 15:20:26 GMT+0530 (India Standard Time)
VM121:22 Function B() Ends

Merci --
MyFavs.dans

OriginalL'auteur myfavs.in

En ce qui concerne la performance après l'exécution du test sur Chrome, Firefox, et jsperf sur un OS Linux, il ne semble pas y avoir de différence de performances entre la déclaration des variables dans une boucle et de sortir d'une boucle. C'est une petite différence, mais c'est aussi aggravé par le nombre d'itérations et le montant des déclarations de variables.

Donc pour de meilleures performances, je voudrais suggérer de déclarer des variables en dehors de la boucle. Ou mieux encore, de déclarer vos variables en ligne. Voir un exemple.

//inline
for (var ai = 0, al = 100000000, av; ai < al; ai++) {
    av = av + 1;
}

//outside
var bv;
var bl = 100000000;
for (var bi = 0; bi < bl; bi++) {
    bv = bv + 1;
}

Remarquez comment la variable 'al' et 'av' sont dans la boucle de déclaration en ligne. Cette inline déclaration m'a fourni systématiquement de meilleures performances. Même sur la déclaration des variables en dehors de la boucle. De nouveau, la différence de performances est vraiment petit.

https://jsperf.com/outside-inline-for-loop-ase/1

OriginalL'auteur AlexanderElias