En JavaScript, ¿la asignación encadenada está bien?

Question

No soy nuevo en JS o su sintaxis, pero a veces, la semántica del lenguaje me ha dejado perplejo a veces. En el trabajo actual, un colega mencionó esto:

var a = b = []; 

no es lo mismo que

var a = [], b = []; 

o

var a = []; var b = []; 

desde la primera versión realmente asigna la referencia a una matriz vacía a una y B. No podía aceptar esto como cierto, pero no estoy seguro. ¿Qué piensan todos ustedes?

Answer 1

Sí, no son lo mismo. var a = b = [] es equivalente a

var a; 
b = []; 
a = b; 

No sólo hacer las dos a y b se les asigna el mismo valor (una referencia a la misma matriz vacía), b no se declara en absoluto. En strict mode en ECMAScript 5 y posterior, arrojará un ReferenceError; de lo contrario, a menos que ya haya una variable b en alcance, b se crea silenciosamente como una propiedad del objeto global y actúa de forma similar a una variable global, donde sea que esté el código, incluso dentro de una función. Lo cual no es bueno

Esto se puede ver con bastante facilidad:

(function() { 
    var a = b = []; 
})(); 

window.console.log(b); // Shows [] 

Answer 2

Su colega tiene razón. La primera declaración crea una nueva matriz vacía. Luego, se asigna una referencia a esta matriz a b. Luego, la misma referencia (que es el resultado de la expresión de asignación) se asigna a a. Entonces a y b se refieren a la misma matriz.

En todos los demás casos, crea dos matrices individuales.

Dicho sea de paso: Este comportamiento es bastante común y es el mismo en todos los lenguajes de programación basados ​​en C. Entonces esto no es específico de JavaScript.

Answer 3

Su colega tiene razón:

var a = b = []; 
a.push('something'); 
console.log(b);   // outputs ["something"] 

pero:

var a = [], b = []; 
a.push('something'); 
console.log(b);   // outputs [] 

Answer 4

Con el primer ejemplo b es una referencia a a y b se convierte en una variable global, accesible desde cualquier lugar (y que sustituye a cualquier variable b que ya pueda existir en el alcance global).

Answer 5

Para lograr esto, debe dividir la declaración var de la asignación encadenada (consulte: http://davidshariff.com/blog/chaining-variable-assignments-in-javascript-words-of-caution/).

E.g.

var one = 1, two = 2; 

one = two = 3; /* Now both equal 3 */ 

Pero si haces lo que has descrito (var one = two = 3; en este ejemplo) two fugas en el espacio global, mientras que one se declara en el ámbito local.

Answer 6

Para complementar las respuestas ya proporcionadas.asignaciones árbitro son diferentes de asignaciones de valores

var x = y = 3; // by value 
y++; // 4 
x; // 3 

var a = b = []; // by ref 
b.push(1); // [1]; 
a; // [1] 
a; = []; 
a.push(2); // [2]; 
b; // [1] 

Ahora que hemos abordado 2 dos, su pregunta también hace referencia a la formación de pelusas, que es la práctica de "código bastante" (no funcional). De hecho, JSHint has deprecated all their "pretty code rules"

Eso se ha dicho, que suelen utilizar los siguientes style.-

var a, b, c, // first row all unassigned 
    x = 1, // 1 row per assigned 
    y = 2, 
    list = [ 
     'additional', 
     'indentation' 
    ], 
    obj = { 
     A: 'A', 
     B: 'B' 
    }; 
var z = y +2; // created a new `var` cluster since it uses a var from the previous