Weisen Sie demselben Wert in Javascript mehrere Variablen zu

Ich habe mehrere Variablen im globalen Bereich in einer JavaScript-Datei initialisiert:

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

Ich muss alle diese Variablen auf false setzen. Dies ist der Code, den ich derzeit habe:

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

Gibt es eine Möglichkeit, alle diese Variablen in einer Codezeile auf den gleichen Wert zu setzen, oder gibt es den Code, für den ich derzeit die beste Möglichkeit habe?

Nichts hindert dich daran

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

Überprüfen Sie dieses Beispiel

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

Nichts hindert Sie daran, das oben Genannte zu tun, aber halten Sie!

Es gibt einige Fallstricke. Die Zuweisung in Javascript erfolgt von rechts nach links. Wenn Sie also schreiben:

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

es übersetzt effektiv zu:

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

was effektiv übersetzt bedeutet:

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

Sie haben versehentlich gerade 5 globale Variablen erstellt - etwas, von dem ich mir ziemlich sicher bin, dass Sie es nicht wollten.

Hinweis: In meinem obigen Beispiel wird davon ausgegangen, dass Sie Ihren Code im Browser ausführen window. Wenn Sie sich in einer anderen Umgebung befinden, werden diese Variablen an den globalen Kontext für diese Umgebung angehängt (dh in Node.js globalwird an den globalen Kontext für diese Umgebung angehängt).

Jetzt können Sie zuerst alle Ihre Variablen deklarieren und sie dann demselben Wert zuweisen, um das Problem zu vermeiden.

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

Kurz gesagt, beide Wege würden gut funktionieren, aber der erste Weg könnte möglicherweise einige schädliche Fehler in Ihren Code einbringen. Begehen Sie nicht die Sünde, den globalen Namespace mit lokalen Variablen zu verunreinigen, wenn dies nicht unbedingt erforderlich ist.

Nebenbemerkung: Wie in den Kommentaren ausgeführt (und dies gilt nicht nur für diese Frage), sollten Sie besser wissen, ob es sich bei dem fraglichen kopierten Wert um einen primitiven Wert, sondern um ein Objekt handelt. Bei der Zuweisung von Objekten wird der Verweis auf das Objekt anstelle des eigentlichen Objekts kopiert. Alle Variablen verweisen weiterhin auf dasselbe Objekt, sodass sich jede Änderung an einer Variablen in den anderen Variablen widerspiegelt und Ihnen große Kopfschmerzen bereitet, wenn Sie die Objektwerte und nicht die Referenz kopieren möchten.

Es gibt eine andere Option, die keine globalen Fallstricke einführt, wenn versucht wird, mehrere Variablen mit demselben Wert zu initialisieren. Ob es dem langen Weg vorzuziehen ist oder nicht, ist eine Entscheidung. Es wird wahrscheinlich langsamer sein und kann besser lesbar sein oder auch nicht. In Ihrem speziellen Fall denke ich, dass der lange Weg wahrscheinlich besser lesbar und wartbar sowie schneller ist.

Der andere Weg nutzt die Destrukturierungszuweisung .

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, '  '));

Auf diese Weise können Sie eine Reihe von initialisieren var, letoder constVariablen auf den gleichen Wert in einer Zeile alle mit dem gleichen erwarteten Umfang.

Verweise:

• MDN: Array Global Object

• MDN: Array.fill

Fügen Sie die Variable in ein Array ein und verwenden Sie eine for-Schleife, um mehreren Variablen denselben Wert zuzuweisen.

  myArray[moveUP, moveDown, moveLeft];

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

        myArray[i] = true;

    }