揭开变量声明中大括号的秘密

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。