przypisz wiele zmiennych do tej samej wartości w JavaScript

Zainicjowałem kilka zmiennych w zakresie globalnym w pliku JavaScript:

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

Muszę ustawić wszystkie te zmienne na false, to jest kod, który obecnie mam:

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

Czy istnieje sposób, w jaki mogę ustawić wszystkie te zmienne na tę samą wartość w jednym wierszu kodu, czy też kod, który obecnie mam najlepszy sposób, aby to zrobić

Nic cię nie powstrzymuje

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

Sprawdź ten przykład

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

Nic nie powstrzymuje Cię przed zrobieniem powyższego, ale poczekaj!

Jest kilka pułapek. Przypisanie w Javascript jest od prawej do lewej, więc kiedy piszesz:

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

skutecznie przekłada się na:

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

co skutecznie przekłada się na:

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

Nieumyślnie właśnie utworzyłeś 5 zmiennych globalnych - jestem pewien, że nie chciałeś tego robić.

Uwaga: Mój powyższy przykład zakłada, że ​​uruchamiasz swój kod w przeglądarce, stąd window. Gdybyś był w innym środowisku, te zmienne byłyby dołączone do dowolnego kontekstu globalnego dla tego środowiska (tj. W Node.js, byłyby one dołączone do globalkontekstu globalnego tego środowiska).

Teraz możesz najpierw zadeklarować wszystkie swoje zmienne, a następnie przypisać im tę samą wartość, aby uniknąć problemu.

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

Krótko mówiąc, oba sposoby działałyby dobrze, ale pierwszy sposób może potencjalnie wprowadzić do kodu zgubne błędy. Nie popełniaj grzechu zaśmiecania globalnej przestrzeni nazw zmiennymi lokalnymi, jeśli nie jest to absolutnie konieczne.

Uwaga dodatkowa: Jak wskazano w komentarzach (i to nie tylko w przypadku tego pytania), jeśli skopiowana wartość nie była wartością pierwotną, ale obiektem, lepiej wiesz o kopiowaniu według wartości w porównaniu z kopiowaniem przez odniesienie. Przy przypisywaniu obiektów zamiast rzeczywistego obiektu kopiowane jest odniesienie do obiektu. Wszystkie zmienne będą nadal wskazywały na ten sam obiekt, więc każda zmiana jednej zmiennej zostanie odzwierciedlona w innych zmiennych i spowoduje duży ból głowy, jeśli zamierzałeś skopiować wartości obiektu, a nie odniesienie.

Istnieje inna opcja, która nie wprowadza globalnych problemów podczas próby zainicjowania wielu zmiennych na tę samą wartość. To, czy jest to lepsze od długiej drogi, czy nie, jest decyzją sądu. Prawdopodobnie będzie wolniejszy i może, ale nie musi, być bardziej czytelny. W twoim konkretnym przypadku myślę, że długa droga jest prawdopodobnie bardziej czytelna i łatwa w utrzymaniu, a także jest szybsza.

Inny sposób wykorzystuje zadanie rozpad .

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

To pozwala zainicjować zestawu var, letlub constzmienne do tej samej wartości w jednym wierszu wszystkie z tego samego zakresu oczekiwanego.

Bibliografia:

• MDN: Array Global Object

• MDN: Array.fill

Umieść zmienną w tablicy i użyj pętli for, aby przypisać tę samą wartość do wielu zmiennych.

  myArray[moveUP, moveDown, moveLeft];

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

        myArray[i] = true;

    }