menetapkan beberapa variabel ke nilai yang sama dalam Javascript

Saya telah menginisialisasi beberapa variabel dalam lingkup global dalam file JavaScript:

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

Saya perlu mengatur semua variabel ini menjadi false, ini adalah kode yang saya miliki saat ini:

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

Apakah ada cara saya dapat mengatur semua variabel ini ke nilai yang sama dalam satu baris kode, atau apakah kode saya saat ini memiliki cara terbaik untuk melakukan ini

Tidak ada yang menghentikan Anda dari melakukan

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

Lihat contoh ini

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

Tidak ada yang menghentikan Anda untuk melakukan hal di atas, tetapi tunggu sebentar!

Ada beberapa gotcha. Penugasan dalam Javascript adalah dari kanan ke kiri sehingga ketika Anda menulis:

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

secara efektif diterjemahkan menjadi:

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

yang secara efektif diterjemahkan menjadi:

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

Secara tidak sengaja, Anda baru saja membuat 5 variabel global - sesuatu yang saya cukup yakin tidak ingin Anda lakukan.

Catatan: Contoh saya di atas mengasumsikan Anda menjalankan kode Anda di browser, karenanya window. Jika Anda berada di lingkungan yang berbeda, variabel-variabel ini akan melekat pada apa pun konteks global terjadi untuk lingkungan itu (yaitu, di Node.js, itu akan melampirkan globalyang merupakan konteks global untuk lingkungan itu).

Sekarang Anda bisa mendeklarasikan semua variabel Anda dan kemudian menetapkannya ke nilai yang sama dan Anda bisa menghindari masalah.

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

Singkatnya, kedua cara akan bekerja dengan baik, tetapi cara pertama berpotensi memperkenalkan beberapa bug yang merusak dalam kode Anda. Jangan melakukan dosa mengotori namespace global dengan variabel lokal jika tidak benar-benar diperlukan.

Sidenote: Seperti yang ditunjukkan dalam komentar (dan ini bukan hanya dalam kasus pertanyaan ini), jika nilai yang disalin bukanlah nilai primitif melainkan sebuah objek, Anda lebih baik tahu tentang menyalin berdasarkan nilai vs menyalin dengan referensi. Setiap kali menetapkan objek, referensi ke objek disalin bukan objek yang sebenarnya. Semua variabel masih akan menunjuk ke objek yang sama sehingga setiap perubahan dalam satu variabel akan tercermin dalam variabel lain dan akan menyebabkan Anda sakit kepala besar jika niat Anda adalah untuk menyalin nilai objek dan bukan referensi.

Ada opsi lain yang tidak memperkenalkan gotcha global ketika mencoba untuk menginisialisasi beberapa variabel ke nilai yang sama. Apakah itu lebih disukai daripada jangka panjang adalah panggilan penilaian. Kemungkinan akan lebih lambat dan mungkin atau mungkin tidak lebih mudah dibaca. Dalam kasus spesifik Anda, saya pikir bahwa jalan panjang mungkin lebih mudah dibaca dan dikelola serta menjadi lebih cepat.

Cara lain menggunakan penugasan Destrukturisasi .

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

Hal ini memungkinkan Anda untuk menginisialisasi satu set var, letatau constvariabel dengan nilai yang sama pada satu baris semua dengan ruang lingkup yang diharapkan sama.

Referensi:

• MDN: Array Global Object

• MDN: Array.fill

Letakkan varible dalam array dan Gunakan a untuk Loop untuk menetapkan nilai yang sama ke beberapa variabel.

  myArray[moveUP, moveDown, moveLeft];

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

        myArray[i] = true;

    }