Una var por función en JavaScript?

Question

He estado usando JSLint para hacerme sentir mal acerca de mi JavaScript. Es genial, por cierto. Hay un cheque que no entiendo del todo y me gustaría su opinión, por favor.

De jslint.com:

En idiomas con ámbito de bloque, se recomienda generalmente que las variables se declararán en el lugar de su primer uso. Pero como JavaScript no tiene alcance de bloque, es más prudente declarar todas las variables de una función en la parte superior de la función. Se recomienda utilizar una sola sentencia var por función.

¿Cuál es la última frase o comentario en negrita diciendo en realidad? Creo que debería estar declarando múltiples variables como esta?

var foo = 1, bar = 2; 

Y, es la parte "inteligente" sólo un estilo de programación para disuadir a los errores en la línea o hay algo más que eso?

Gracias por su ayuda.

Answer 1

El problema es que, ya sea que se dé cuenta o no, javascript invisiblemente mueve todas las declaraciones var a la parte superior del alcance de la función.

por lo que si usted tiene una función como esta

var i = 5; 
function testvar() { 
    alert(i); 
    var i=3; 
} 
testvar(); 

la ventana de alerta que contiene indefinido. porque internamente, se ha cambiado a esto:

var i = 5; 
function testvar() { 
    var i; 
    alert(i); 
    i=3; 
} 
testvar(); 

Esto se llama "alzando". La razón por la que crockford defiende tan firmemente que las declaraciones de var van en la parte superior, es que hace que el código se ajuste visiblemente a lo que va a hacer, en lugar de permitir que ocurra un comportamiento invisible e inesperado.

Answer 2

Básicamente en bloques de JavaScript ({ ... }) no introduzca un nuevo ámbito, solo existe el ámbito de función, por lo que no se crea ámbito en ninguna otra instrucción.

Una variable introducida en cualquier lugar de una función es visible en todas partes en la función.

Por ejemplo:

function myFunction(){ 
    var one = 1; 

    if (one){ 
    var two = one + 1; 
    } 

    (function() { 
    var three = one + two; 
    })(); 

    // at this point both variables *one* and *two* are accessible but 
    // the variable *three* was declared in the scope of a inner function 
    // and is not accessible at this point. 
} 

En idiomas con ámbito de bloque, se recomienda declarar las variables en el punto de inicio del consumo, pero desde JavaScript no tiene ámbito de bloque, es mejor declarar toda una las variables de función en la parte superior de la función.

Marque esta article.

Answer 3

Sí, esto significa que se declara todas las variables al comienzo de la función. Si desea hacerlo en una línea o en varias líneas es una cuestión de elección.

El motivo se explica en el párrafo que ha mencionado. Las variables Javascript solo tienen alcance de nivel de función. Si declara la misma variable dentro de un bloque if/while/for, se sobrescribirá con el nuevo valor ya que el bloque no tiene un nuevo alcance. Esto es diferente de idiomas como Java. Para evitar tales sorpresas, declare todas las variables que va a usar en la función al comienzo de la función para que no "redeclare" accidentalmente y nada.

Answer 4

La falta de ámbito de bloque explica el código de abajo:

var a = 1; 
if (something) { 
    var a = 2; 
} 

alert(a); // Alerts "2" 

En la mayoría de estilo C (como en la sintaxis) idiomas, la definición var a = 2 definiría 'a' sólo para el ámbito del bloque if. Usar una sola instrucción var en la parte superior de la función ayuda a evitar esta peculiaridad de Javascript, que no siempre es tan obvio como el anterior, y sería inesperado para los programadores C/C#/Java.