Javascript จะกำหนดตัวแปรหลายตัวในบรรทัดเดียวได้อย่างไร?

กำลังอ่านเอกสารทางออนไลน์ฉันเริ่มสับสนว่าจะกำหนดตัวแปร JavaScript หลายตัวในบรรทัดเดียวได้อย่างไร

หากฉันต้องการย่อโค้ดต่อไปนี้ JavaScript "เข้มงวด" ที่เหมาะสมในการกำหนดตัวแปรจาวาสคริปต์หลายตัวในบรรทัดเดียวคืออะไร

var a = 0;
var b = 0;

ใช่ไหม:

var a = b = 0;

หรือ

var a = var b = 0; 

ฯลฯ ...

คุณต้องการใช้เครื่องหมายจุลภาคเพราะถ้าคุณใช้โครงสร้างการมอบหมายงานหลายส่วนคุณจะยิงตัวเองไปที่จุดใดจุดหนึ่ง

ตัวอย่างจะเป็น:

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

พวกเขาทั้งหมดอ้างถึงวัตถุเดียวกันในหน่วยความจำพวกเขาไม่ "ไม่ซ้ำกัน" เนื่องจากเมื่อใดก็ตามที่คุณทำการอ้างอิงถึงวัตถุ (อาร์เรย์ตัวอักษรวัตถุฟังก์ชัน) จะส่งผ่านโดยการอ้างอิงไม่ใช่ค่า ดังนั้นหากคุณเปลี่ยนตัวแปรเพียงตัวเดียวและต้องการให้ตัวแปรเหล่านั้นทำงานทีละตัวคุณจะไม่ได้รับสิ่งที่คุณต้องการเพราะไม่ใช่วัตถุเดี่ยว ๆ

นอกจากนี้ยังมีข้อเสียในการมอบหมายงานหลายอย่างเนื่องจากตัวแปรรองกลายเป็นโลกและคุณไม่ต้องการรั่วไหลในเนมสเปซส่วนกลาง

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

ขอแนะนำให้ใช้เครื่องหมายจุลภาคและควรเว้นวรรคจำนวนมากเพื่อให้สามารถอ่านได้:

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

เมื่อใช้ es6 หรือโหนดของ Javascript คุณสามารถทำสิ่งต่อไปนี้:

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

และหากคุณต้องการพิมพ์ตัวแปรหลายตัวในบรรทัดเดียวอย่างง่ายดายเพียงทำสิ่งนี้:

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

0 1 2 3

สิ่งนี้คล้ายกับคำตอบของ @alex gray ที่นี่ แต่ตัวอย่างนี้อยู่ใน Javascript แทนที่จะเป็น CoffeeScript

โปรดทราบว่าสิ่งนี้ใช้การกำหนดการทำลายอาร์เรย์ของ Javascript

ไม่มีทางที่จะทำในบรรทัดเดียวโดยกำหนดให้เป็นมูลค่า

var a = b = 0;

ทำให้ b global วิธีที่ถูกต้อง (โดยไม่มีตัวแปรรั่วไหล) ยิ่งนานกว่าเล็กน้อย:

var a = 0, b = a;

ซึ่งมีประโยชน์ในกรณี:

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

ทำไมไม่ทำเป็นสองบรรทัด?

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

เหตุผลคือการรักษาขอบเขตโลคัลในการประกาศตัวแปรเช่นนี้:

var a = b = c = d = 1;

จะนำไปสู่การประกาศโดยนัยของb, cและdขอบเขตหน้าต่าง

นี่คือวิธีการใหม่ของ ES6 ในการประกาศตัวแปรหลายตัวในบรรทัดเดียว:

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

let {name, age, id} = person;

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

* ชื่อตัวแปรและดัชนีวัตถุของคุณต้องเหมือนกัน

โดยเฉพาะกับสิ่งที่ OP ถามหากคุณต้องการเริ่มต้นตัวแปร N ด้วยค่าเดียวกัน (เช่น0) คุณสามารถใช้การทำลายโครงสร้างอาร์เรย์และArray.fillเพื่อกำหนดให้กับตัวแปรอาร์เรย์ของ N 0s:

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

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

โปรดทราบว่าคุณสามารถทำได้ด้วย Numbers และ Strings เท่านั้น

คุณทำได้ ...

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

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