ES6 数组解构：为什么它没有按预期工作？

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

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

<code class="js">let a, b, c
[a, b] = ['A', 'B']
[b, c] = ['BB', 'C']
console.log(`a=${a} b=${b} c=${c}`)</code>

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

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

解释：

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

解析和评估：

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

<code class="js">let a = undefined, b = undefined, c = undefined;
[a, b] = (['A', 'B']
[(b, c)] = ['BB', 'C']);
console.log(`a=${a} b=${b} c=${c}`);</code>

语句细分：

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

含义：

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

这种理解确保 ES6 中的解构赋值按预期运行，防止意外的值交换和未定义的赋值.

以上是ES6 数组解构：为什么它没有按预期工作？的详细内容。更多信息请关注PHP中文网其他相关文章！