JavaScript "per (var i = 0; ...) {...}" incompatibilità del browser?

Question

Non ho fatto seriamente la programmazione JavaScript in un istante, e sto scrivendo una guida introduttiva alla lingua per alcuni dei miei colleghi. Mi piacerebbe discutere le best practice del ciclo, ma c'è un piccolo dettaglio che ho tenuto nella parte posteriore della mia mente:

Durante il loop su array, ricordo che il seguente schema non è sicuro da usare perché ci sono i principali browser che non lo supportano:

for (var i = 0; i < ls.length; i++) { ... } 

invece, la parola chiave var deve essere spostato fuori della matrice, come ad esempio:

var i; 
for (i = 0; i < ls.length; i++) { ... } 

è corretto? Ho setacciato la rete e non posso confermarlo. Alcuni vecchi browser non supportano il primo metodo? Se no, quali no?

Answer 1

"È corretto?"

A meno che non stiamo parlando di alcuni davvero, davvero browser vecchio, io non sono a conoscenza di tale problema con il browser in uso oggi.

---

L'unico problema che le persone hanno con probabilità il primo esempio è che si può confondere qualcuno a pensare che JavaScript ha blocco portata, cosa che fa non La situazione è cambiata da quando ES6, che ha portata blocco .

In entrambi gli esempi, la variabile i sarà portata all'ambiente variabile in allegato, indipendentemente dal fatto che l'ambiente di chiusura sia una funzione o l'ambiente globale.

Answer 2

Invece, la parola chiave var deve essere spostato fuori della matrice

Non

necessariamente. Il punto è che NON bisogna dimenticare la parola chiave var prima del i altrimenti diventerà variabile globale. Quindi va bene se lo fai:

for (var i = 0; i < ls.length; i++) { ... } 

È possibile migliorare il prestazioni di codice di cui sopra con la creazione di un variabili che sostiene che la lunghezza dell'array/collezione piuttosto che leggere di nuovo e di nuovo con ogni iterazione:

for (var i = 0, len = ls.length; i < len; i++) { ... } 

---

BTW non preoccuparti del browser, quel ciclo dovrebbe funzionare in tutti i browser :)

Answer 3

Supponendo che tu non stia supportando alcun browser più vecchio di IE6, questo non dovrebbe essere un problema.

Answer 4

Non che avete chiesto, ma è possibile utilizzare jQuery per fare questo nel modo seguente:

$.each(ls, function(i,value){ 
... 
}); 

Answer 5

JavaScript dichiara in realtà ambito a livello funzione non bloccare portata. Le variabili dichiarate sono issate in cima alla loro funzione. Quello che sto dicendo è che i tuoi esempi sono in realtà identici.Anche con la parola chiave var all'interno dell'istruzione for, la variabile i sarà accessibile al di fuori del ciclo.

L'unica cosa da tenere a mente è se si omette la var la variabile sarà globale anziché limitata alla funzione.

Answer 6

ha urtato questo oggi

for(var i=0; i < t; i++) { 
//do whatever 
} 

mia JScript era in un file XSL chiamato da un file html - ha funzionato bene in IE, ma non su altri browser - il codice potrebbe andare in crash e non compare alcuna indicazione

fortuna potrei cambiare a, che ha lavorato per tutti i browser testati

for(var i=0; i != t; i++) { 
do whatever} 

anche essere consapevoli dei https://support.microsoft.com/en-us/help/273793/how-to-include-client-side-script-functions-in-an-xsl-document