Javascript Comment définir plusieurs variables sur une seule ligne?

En lisant la documentation en ligne, je ne comprends pas comment définir correctement plusieurs variables JavaScript sur une seule ligne.

Si je veux condenser le code suivant, quel est le moyen JavaScript "strict" approprié pour définir plusieurs variables javascript sur une seule ligne?

var a = 0;
var b = 0;

Est-ce:

var a = b = 0;

ou

var a = var b = 0; 

etc...

Vous voulez vous fier aux virgules, car si vous vous fiez à la construction d'affectation multiple, vous vous tirerez une balle dans le pied à un moment ou à un autre.

Un exemple serait:

>>> var a = b = c = [];
>>> c.push(1)
[1]
>>> a
[1]

Ils font tous référence au même objet en mémoire, ils ne sont pas "uniques" puisque chaque fois que vous faites une référence à un objet (tableau, objet littéral, fonction), il est passé par référence et non par valeur. Donc, si vous ne modifiez qu'une seule de ces variables et que vous vouliez qu'elles agissent individuellement, vous n'obtiendrez pas ce que vous voulez car ce ne sont pas des objets individuels.

Il y a aussi un inconvénient à l'affectation multiple, en ce que les variables secondaires deviennent globales et que vous ne voulez pas s'infiltrer dans l'espace de noms global.

(function() {  var a = global = 5 })();
alert(window.global) // 5

Il est préférable d'utiliser simplement des virgules et de préférence avec beaucoup d'espaces pour que ce soit lisible:

var a = 5
  , b = 2
  , c = 3
  , d = {}
  , e = [];

En utilisant es6 ou node de Javascript, vous pouvez effectuer les opérations suivantes:

var [a,b,c,d] = [0,1,2,3]

Et si vous souhaitez imprimer facilement plusieurs variables sur une seule ligne, procédez comme suit:

console.log(a, b, c, d)

0 1 2 3

Ceci est similaire à la réponse de @alex gray ici, mais cet exemple est en Javascript au lieu de CoffeeScript.

Notez que cela utilise l' affectation de déstructuration de tableau de Javascript

Il n'y a aucun moyen de le faire en une seule ligne avec l'affectation comme valeur.

var a = b = 0;

rend b global. Une manière correcte (sans fuites de variables) est légèrement plus longue:

var a = 0, b = a;

ce qui est utile dans le cas:

var a = <someLargeExpressionHere>, b = a, c = a, d = a;

Pourquoi ne pas le faire en deux lignes?

var a, b, c, d;    // All in the same scope
a = b = c = d = 1; // Set value to all.

La raison pour laquelle, est de conserver la portée locale sur les déclarations de variables, comme ceci:

var a = b = c = d = 1;

conduira aux déclarations implicites de b, cet dsur la portée de la fenêtre.

Voici la nouvelle méthode ES6 de déclaration de plusieurs variables sur une seule ligne:

const person = { name: 'Prince', age: 22, id: 1 };

let {name, age, id} = person;

console.log(name);
console.log(age);
console.log(id);

* Votre nom de variable et votre index d'objet doivent être identiques

Spécifiquement à ce que l'OP a demandé, si vous voulez initialiser N variables avec la même valeur (par exemple 0), vous pouvez utiliser la déstructuration de tableau et Array.fill pour affecter aux variables un tableau de N 0s:

let [a, b, c, d] = Array(4).fill(0);

console.log(a, b, c, d);

notez que vous ne pouvez le faire qu'avec des nombres et des chaînes

vous pourriez faire...

var a, b, c; a = b = c = 0; //but why?

c++;
// c = 1, b = 0, a = 0;