assignez plusieurs variables à la même valeur en Javascript

J'ai initialisé plusieurs variables de la portée globale dans un fichier JavaScript:

var moveUp, moveDown, moveLeft, moveRight;
var mouseDown, touchDown;

Je dois définir toutes ces variables sur false, c'est le code que j'ai actuellement:

moveUp    = false;
moveDown  = false;
moveLeft  = false;
moveRight = false
mouseDown = false;
touchDown = false;

Existe-t-il un moyen de définir toutes ces variables sur la même valeur dans une ligne de code, ou le code que j'ai actuellement est-il le meilleur moyen de le faire?

Rien ne t'empêche de faire

moveUp = moveDown = moveLeft = moveRight = mouseDown = touchDown = false;

Vérifiez cet exemple

var a, b, c;
a = b = c = 10;
console.log(a + b + c)

Rien ne vous empêche de faire ce qui précède, mais attendez!

Il y a des pièges. L'affectation en Javascript se fait de droite à gauche, donc lorsque vous écrivez:

var moveUp = moveDown = moveLeft = moveRight = mouseDown = touchDown = false;

cela se traduit effectivement par:

var moveUp = (moveDown = (moveLeft = (moveRight = (mouseDown = (touchDown = false)))));

ce qui se traduit effectivement par:

var moveUp = (window.moveDown = (window.moveLeft = (window.moveRight = (window.mouseDown = (window.touchDown = false)))));

Par inadvertance, vous venez de créer 5 variables globales - ce que je suis sûr que vous ne vouliez pas faire.

Remarque: mon exemple ci-dessus suppose que vous exécutez votre code dans le navigateur, par conséquent window. Si vous deviez être dans un environnement différent, ces variables s'attacheraient à quel que soit le contexte global se trouve être pour cet environnement (c'est-à-dire, dans Node.js, il s'attacherait à globalquel est le contexte global pour cet environnement).

Maintenant, vous pouvez d'abord déclarer toutes vos variables, puis les affecter à la même valeur et vous pouvez éviter le problème.

var moveUp, moveDown, moveLeft, moveRight, mouseDown, touchDown;
moveUp = moveDown = moveLeft = moveRight = mouseDown = touchDown = false;

En bref, les deux méthodes fonctionneraient très bien, mais la première méthode pourrait potentiellement introduire des bogues pernicieux dans votre code. Ne commettez pas le péché de joncher l'espace de noms global avec des variables locales si ce n'est absolument nécessaire.

Note de bas de page: Comme indiqué dans les commentaires (et ce n'est pas seulement dans le cas de cette question), si la valeur copiée en question n'était pas une valeur primitive mais plutôt un objet, vous feriez mieux de connaître la copie par valeur vs la copie par référence. À chaque affectation d'objets, la référence à l'objet est copiée à la place de l'objet réel. Toutes les variables pointeront toujours vers le même objet, donc tout changement dans une variable sera reflété dans les autres variables et vous causera un mal de tête majeur si votre intention était de copier les valeurs de l'objet et non la référence.

Il existe une autre option qui n'introduit pas de pièges globaux lors de la tentative d'initialisation de plusieurs variables avec la même valeur. Que ce soit préférable ou non au long chemin est une question de jugement. Il sera probablement plus lent et peut ou non être plus lisible. Dans votre cas particulier, je pense que le long chemin est probablement plus lisible et maintenable en plus d'être plus rapide.

L' autre façon utilise l' affectation de Destructuration .

let [moveUp, moveDown,
     moveLeft, moveRight,
     mouseDown, touchDown] = Array(6).fill(false);

console.log(JSON.stringify({
    moveUp, moveDown,
    moveLeft, moveRight,
    mouseDown, touchDown
}, null, '  '));

// NOTE: If you want to do this with objects, you would be safer doing this
let [obj1, obj2, obj3] = Array(3).fill(null).map(() => ({}));
console.log(JSON.stringify({
    obj1, obj2, obj3
}, null, '  '));
// So that each array element is a unique object

// Or another cool trick would be to use an infinite generator
let [a, b, c, d] = (function*() { while (true) yield {x: 0, y: 0} })();
console.log(JSON.stringify({
    a, b, c, d
}, null, '  '));

// Or generic fixed generator function
function* nTimes(n, f) {
    for(let i = 0; i < n; i++) {
        yield f();
    }
}
let [p1, p2, p3] = [...nTimes(3, () => ({ x: 0, y: 0 }))];
console.log(JSON.stringify({
    p1, p2, p3
}, null, '  '));

Cela vous permet d'initialiser un ensemble de var, letou de constvariables à la même valeur sur une seule ligne, toutes avec la même portée attendue.

Références:

• MDN: objet global de tableau

• MDN: Array.fill

Les variables d'origine que vous avez répertoriées peuvent être déclarées et affectées à la même valeur dans une courte ligne de code à l'aide d'une affectation de déstructuration. Les mots let- clés , constet varpeuvent tous être utilisés pour ce type d'affectation.

let [moveUp, moveDown, moveLeft, moveRight, mouseDown, touchDown] = Array(6).fill(false);

Placez la variable dans un tableau et utilisez une boucle for pour affecter la même valeur à plusieurs variables.

  myArray[moveUP, moveDown, moveLeft];

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

        myArray[i] = true;

    }