assegnare più variabili allo stesso valore in Javascript

Ho inizializzato diverse variabili nell'ambito globale in un file JavaScript:

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

Devo impostare tutte queste variabili su false, questo è il codice che ho attualmente:

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

C'è un modo in cui posso impostare tutte queste variabili sullo stesso valore in una riga di codice o è il codice che attualmente ho il modo migliore per farlo

Niente ti impedisce di fare

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

Guarda questo esempio

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

Nulla ti impedisce di fare quanto sopra, ma reggiti!

Ci sono dei gotchas. L'assegnazione in Javascript è da destra a sinistra, quindi quando scrivi:

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

si traduce efficacemente in:

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

che si traduce efficacemente in:

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

Inavvertitamente, hai appena creato 5 variabili globali - qualcosa che sono abbastanza sicuro che non volevi fare.

Nota: il mio esempio sopra presuppone che tu stia eseguendo il tuo codice nel browser, quindi window. Se dovessi trovarti in un ambiente diverso, queste variabili si legherebbero a qualunque sia il contesto globale per quell'ambiente (cioè, in Node.js, si collegherebbe a globalquale sia il contesto globale per quell'ambiente).

Ora potresti prima dichiarare tutte le tue variabili e poi assegnarle allo stesso valore e potresti evitare il problema.

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

Per farla breve, entrambi i modi funzionerebbero bene, ma il primo modo potrebbe potenzialmente introdurre alcuni bug dannosi nel tuo codice. Non commettere il peccato di sporcare lo spazio dei nomi globale con variabili locali se non assolutamente necessario.

Sidenote: Come sottolineato nei commenti (e questo non è solo nel caso di questa domanda), se il valore copiato in questione non era un valore primitivo ma invece un oggetto, è meglio conoscere copia per valore vs copia per riferimento. Ogni volta che si assegnano oggetti, il riferimento all'oggetto viene copiato anziché l'oggetto reale. Tutte le variabili rimarranno comunque puntate sullo stesso oggetto, quindi qualsiasi cambiamento in una variabile si rifletterà nelle altre variabili e causerà un grosso mal di testa se si intendesse copiare i valori dell'oggetto e non il riferimento.

C'è un'altra opzione che non introduce i gotcha globali quando si tenta di inizializzare più variabili allo stesso valore. Se è preferibile o meno la lunga strada è una chiamata di giudizio. Sarà probabilmente più lento e potrebbe o meno essere più leggibile. Nel tuo caso specifico, penso che la lunga strada sia probabilmente più leggibile e mantenibile oltre ad essere più veloce.

L' altro modo utilizza l' incarico di destrutturazione .

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

Ciò consente di inizializzare una serie di var, letoconst variabili allo stesso valore su una singola riga, tutte con lo stesso ambito previsto.

Riferimenti:

• MDN: oggetto globale di matrice

• MDN: Array.fill

Le variabili originali che hai elencato possono essere dichiarate e assegnate allo stesso valore in una breve riga di codice usando l'assegnazione destrutturante. Le parole chiave let, conste varpossono essere utilizzati per questo tipo di compito.

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

Metti la variabile in un array e usa a for Loop per assegnare lo stesso valore a più variabili.

  myArray[moveUP, moveDown, moveLeft];

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

        myArray[i] = true;

    }