代码之家 › 专栏 › 技术社区 › Kevin Qian

ES6阵列解构和交换的有趣行为

destructuring ecmascript-6 javascript

Kevin Qian · 技术社区 · 6 年前

我只是注意到以下代码,没有立即引用 one 之后 let [one, two] = [1, 2] 尝试 [one, two] = [two, one] 将崩溃:

let [one, two, three] = [1, 2, 3]
[one, two] = [two, one] // CRASH! one is not defined
console.log(one, two)

但是,只需添加一个未使用的 一 在声明和交换之间突然允许代码,但不正确:

let [one, two, three] = [1, 2, 3]
one // inserted here
[one, two] = [two, one] // no longer crashes! but not actually swapping
console.log(one, two) // should be '2 1', but shows '1 2' instead

而下面的代码给出了预期的交换效果

var a = 1;
var b = 3;

[a, b] = [b, a];
console.log(a); // 3
console.log(b); // 1

有人能解释为什么会有这样的行为吗?谢谢

2 回复 | 直到 6 年前

Ori Drori 6 年前

在第1行中添加分号,因为解释器假定第1行和第2行声明同时发生,并且 one (和 two )尚未定义:

let [one, two, three] = [1, 2, 3];
[one, two] = [two, one]
console.log(one, two)

Rehan Haider 6 年前

导致其解析如下:

 let [one, two, three] = [1, 2, 3][one, two] = [one, two]

要使其正常工作,请始终使用parens围绕解构工作分配:

 let [one, two, three] = [1, 2, 3];
 ([one, two] = [two, one]);
 console.log(one, two);

永远不要相信ASI,如果它出了问题,也会有类似的情况。

推荐文章

Udders · 使用另一个数组中的值按索引从数组中删除

2 年前

Matt · 获取数组长度并推入每个对象

2 年前

Rahmouni Rabii · 尝试访问数组中的对象时未定义

2 年前

Brian Patterson · Javascript自定义数组。原型方法日志“未定义”

2 年前

dapidmini · 未捕获的承诺嵌套异步函数承诺错误处理

2 年前

Arka Bhattacharjee · 如何在JavaScript中反转大写的字符串?[重复]

2 年前

Zeeps Wear · 如何按键对对象进行分组?

2 年前

Kevin Giraldo · 如何更改字符串或数字在JavaScript中转换类的方式?

2 年前

Rachel · 如何按ID从JSON对象数组中删除数组元素

2 年前

minsu123 · 如何解析react中的单个引用?

2 年前