揭開變數宣告中大括號的秘密

JavaScript 中常遇到的語法var { ... } = ...附加SDK 文件和Chrome Javascript，最初可能看起來令人困惑。然而，它代表了一個強大的功能，稱為解構賦值。

解構賦值可以從物件和陣列中高效提取值，並使用物件和陣列字面量語法將它們分配給新聲明的變數。考慮以下範例：

var ascii = {
    a: 97,
    b: 98,
    c: 99
};

var {a, b, c} = ascii;

此程式碼有效地從 ascii 物件中提取特定屬性 (a, b, c) 並為每個屬性建立單獨的變數。這種方法簡化了程式碼，消除了重複賦值的需要，例如：

var a = ascii.a;
var b = ascii.b;
var c = ascii.c;

同樣，您可以對陣列使用解構賦值，如下所示：

var ascii = [97, 98, 99];

var [a, b, c] = ascii;

此代碼相當於以下代碼：

var a = ascii[0];
var b = ascii[1];
var c = ascii[2];

此外，解構賦值允許在擷取期間重命名屬性。例如：

var ascii = {
    a: 97,
    b: 98,
    c: 99
};

var {a: A, b: B, c: C} = ascii;

此程式碼建立變數 A、B 和 C，其值對應於 ascii 物件中的屬性 a、b 和 c。