Javascript Bagaimana mendefinisikan banyak variabel dalam satu baris?

Saat membaca dokumentasi online, saya bingung bagaimana cara mendefinisikan beberapa variabel JavaScript dengan benar dalam satu baris.

Jika saya ingin menyingkat kode berikut, apa cara JavaScript "ketat" yang tepat untuk mendefinisikan beberapa variabel javascript dalam satu baris?

var a = 0;
var b = 0;

Apakah itu:

var a = b = 0;

atau

var a = var b = 0; 

dll ...

Anda ingin mengandalkan koma karena jika Anda mengandalkan konstruksi tugas ganda, Anda akan gagal pada satu titik atau lainnya.

Contohnya adalah:

>>> var a = b = c = [];
>>> c.push(1)
[1]
>>> a
[1]

Mereka semua merujuk ke objek yang sama dalam memori, mereka tidak "unik" karena setiap kali Anda membuat referensi ke suatu objek (array, literal objek, fungsi), referensi itu diteruskan oleh referensi dan bukan nilai. Jadi jika Anda mengubah hanya satu dari variabel itu, dan ingin mereka bertindak secara individual, Anda tidak akan mendapatkan apa yang Anda inginkan karena mereka bukan objek individual.

Ada juga kerugian dalam beberapa penetapan, yaitu variabel sekunder menjadi global, dan Anda tidak ingin bocor ke namespace global.

(function() {  var a = global = 5 })();
alert(window.global) // 5

Yang terbaik adalah menggunakan koma dan lebih disukai dengan banyak spasi agar dapat dibaca:

var a = 5
  , b = 2
  , c = 3
  , d = {}
  , e = [];

Dengan menggunakan es6 atau node Javascript, Anda dapat melakukan hal berikut:

var [a,b,c,d] = [0,1,2,3]

Dan jika Anda ingin dengan mudah mencetak banyak variabel dalam satu baris, lakukan ini:

console.log(a, b, c, d)

0 1 2 3

Ini mirip dengan jawaban @alex grey di sini, tetapi contoh ini ada dalam Javascript dan bukan CoffeeScript.

Perhatikan bahwa ini menggunakan tugas penghancuran array Javascript

Tidak ada cara untuk melakukannya dalam satu baris dengan tugas sebagai nilai.

var a = b = 0;

membuat b global. Cara yang benar (tanpa membocorkan variabel) adalah sedikit lebih lama:

var a = 0, b = a;

yang berguna dalam kasus:

var a = <someLargeExpressionHere>, b = a, c = a, d = a;

Mengapa tidak melakukannya dalam dua baris?

var a, b, c, d;    // All in the same scope
a = b = c = d = 1; // Set value to all.

Alasannya, adalah untuk mempertahankan cakupan lokal pada deklarasi variabel, seperti ini:

var a = b = c = d = 1;

akan mengarah ke deklarasi implisit b, cdan dpada lingkup jendela.

Berikut adalah metode ES6 baru untuk mendeklarasikan beberapa variabel dalam satu baris:

const person = { name: 'Prince', age: 22, id: 1 };

let {name, age, id} = person;

console.log(name);
console.log(age);
console.log(id);

* Nama variabel dan indeks objek Anda harus sama

Khusus untuk apa yang diminta OP, jika Anda ingin menginisialisasi N variabel dengan nilai yang sama (misalnya 0), Anda dapat menggunakan array destructuring dan Array.fill untuk menetapkan ke variabel array N 0s:

let [a, b, c, d] = Array(4).fill(0);

console.log(a, b, c, d);

perhatikan Anda hanya dapat melakukan ini dengan Angka dan String

kamu bisa melakukan ...

var a, b, c; a = b = c = 0; //but why?

c++;
// c = 1, b = 0, a = 0;