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

Question

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

Si je veux condenser le code suivant, quelle est la manière correcte et "stricte" de définir plusieurs variables javascript sur une seule ligne ?

var a = 0;
var b = 0;

C'est ça :

var a = b = 0;

o

var a = var b = 0; 

etc...

Answer 1

En utilisant es6 ou node de Javascript, vous pouvez faire ce qui suit :

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

Et si vous voulez imprimer facilement plusieurs variables sur une seule ligne, il suffit de faire ceci :

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

0 1 2 3

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

Notez que cela utilise la fonction affectation de déstructuration des tableaux

Answer 2

Vous devez vous appuyer sur les virgules, car si vous vous appuyez sur la construction des affectations multiples, 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, littéral d'objet, fonction), elle est passée par référence et non par valeur. Donc, si vous modifiez une seule de ces variables et que vous voulez qu'elles agissent individuellement, vous n'obtiendrez pas ce que vous voulez car elles ne sont pas des objets individuels.

Il y a également un inconvénient à l'affectation multiple, dans la mesure où les variables secondaires deviennent des variables globales, et vous ne voulez pas avoir de fuite dans l'espace de noms global.

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

Il est préférable d'utiliser des virgules et, de préférence, de laisser beaucoup d'espaces pour que le texte soit lisible :

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

Answer 3

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 fuite de variables) est la méthode légèrement plus longue :

var a = 0, b = a;

ce qui est utile dans ce cas :

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

Answer 4

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 préserver la portée locale sur les déclarations de variables, comme ceci :

var a = b = c = d = 1;

conduira à des déclarations implicites de b , c y d sur l'étendue de la fenêtre.

Answer 5

Voici la nouvelle méthode ES6 de déclaration de plusieurs variables en 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);

* Le nom de votre variable et l'index de l'objet doivent être identiques