ES6 数组解构：不可预见的行为

在 ES6 中，数组的解构赋值可能会导致意外的结果，让程序员感到困惑。下面的代码说明了一个这样的实例：

let a, b, c
[a, b] = ['A', 'B']
[b, c] = ['BB', 'C']
console.log(`a=${a} b=${b} c=${c}`)

预期输出：
a=A b=BB c =C

实际输出：
a=BB b=C c=undefined

解释：

相反正如预期的那样，此代码不会产生所需的输出。相反，它交换 b 和 c 的值，使 c 未定义。要理解为什么会发生这种情况，我们需要仔细检查代码。

解析和评估：

在 JavaScript 中，分号是可选的分隔语句。如果没有明确的分号，代码将被解析为单个语句：

let a = undefined, b = undefined, c = undefined;
[a, b] = (['A', 'B']
[(b, c)] = ['BB', 'C']);
console.log(`a=${a} b=${b} c=${c}`);

语句细分：

• [a, b] = (['A', 'B'] 是一个解构赋值，与原始代码中的类似。
• [(b, c)] = ['BB' , 'C'] 是一个赋值表达式，它将数组 ['BB', 'C'] 分配给左侧操作数。该表达式计算结果为同一数组。
• ['A', 'B'。 '][…] 是数组文字上的属性引用，其计算结果为未定义。
• (b, c) 使用逗号运算符，其计算结果为最后一个操作数 (c)，该操作数未定义。

含义：

因此，代码将 undefined 分配给 a 和 c，而 b 正确接收值“C”，程序员要避免这种行为。应显式使用分号或以需要自动插入分号的运算符开始每一行（例如，(、[、/、-、或`）。

这种理解确保 ES6 中的解构赋值操作正如预期的那样，防止意外的值交换和未定义的分配。