JavaScript "for (var i = 0; ...) {...}" incompatibilidades del navegador?

Question

No he hecho una programación de JavaScript seria en un tiempo, y estoy escribiendo una guía de introducción al idioma para algunos de mis colegas. Me gustaría analizar las mejores prácticas de bucle, pero hay un pequeño detalle que he guardado en la parte posterior de mi cabeza:

Al hacer un bucle sobre matrices, recuerdo que el siguiente patrón no es seguro de usar porque hay grandes los navegadores que no soportan:

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

En cambio, la palabra clave var debe moverse fuera de la matriz, tales como:

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

es esto correcto? Revisé la red y no puedo confirmarlo. ¿Algunos navegadores antiguos no son compatibles con el primer método? Si no, ¿cuáles no?

Answer 1

"¿Es esto correcto?"

A menos que estamos hablando de un muy, muy antigua del navegador, no estoy al tanto de cualquier problema con los navegadores utilizados en la actualidad.

---

El único problema las personas les queda con el primer ejemplo es que puede confundir a alguien a pensar que Javascript ámbito de bloque, lo que lo hace no Esto cambió desde ES6, que tiene ámbito de bloque .

En cualquiera de los ejemplos, la variable i se definirá en el entorno variable envolvente, independientemente de si el entorno envolvente es una función o del entorno global.

Answer 2

En cambio, la palabra clave var debe moverse fuera de la matriz

No necesariamente

. El punto es que NO se debe olvidar la palabra clave var antes de i de lo contrario se convertirá en variable global. Por lo que está bien si lo hace:

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

se puede mejorar la rendimiento de código anterior mediante la creación de unas variables que sostiene que la longitud de la matriz/recogida en lugar de leer una y otra vez con cada iteración:

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

---

Por cierto no se preocupe por el navegador, ese bucle debería funcionar en todos los navegadores :)

Answer 3

Suponiendo que no admite navegadores anteriores a IE6, esto no debería ser un problema.

Answer 4

No es que tú lo has querido, pero se puede utilizar jQuery para hacer esto de la siguiente manera:

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

Answer 5

JavaScript realidad declara ámbito de nivel de función no bloquear alcance. Las variables declaradas se elevan al principio de su función. Lo que estoy diciendo es que tus ejemplos son realmente idénticos.Incluso con la palabra clave var dentro de la instrucción for, se puede acceder a la variable i fuera del ciclo.

Lo único que debe tener en cuenta es que si omite el var, la variable será global en lugar de limitarse a la función.

Answer 6

topamos con esto hoy

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

mi JScript estaba en un archivo XSL se llama desde un archivo html - funcionó bien en IE, pero no en otros navegadores - código se estrellaría y nada muestra

afortunadamente podría cambiarlo a, que trabajaron para todos los navegadores probados

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

también ser conscientes de https://support.microsoft.com/en-us/help/273793/how-to-include-client-side-script-functions-in-an-xsl-document