由分号引起的问题

第1个案例：

let a = 1
let b = 2
[a, b] = [b, a]
console.log(a)
console.log(b)
// 会报错，b is not defined
复制代码

因为第2行语句后，少了分号，就会被解析为：

let b = 2[a, b] = [b, a];
复制代码

又因为赋值语句的解析，是从右往左，此时b还没有被定义，就报错了。

第2个案例：

let a = 1
let b = 2
let c = 3
[a, b] = [b, a]
console.log(a)  // 1
console.log(b)  // 2
console.log(c)  // [2, 1]
复制代码

基于第一个例子，因为第2行语句后没有分号，所以，会被解析为：

let c = 3[a, b] = [b, a]
复制代码

关键点就在这个3[a, b]。

2.1，数值的属性

属性访问器，提供了两种方式，用于访问一个对象的属性，它们分别是点号和方括号：

object.property
object["property"]
复制代码

而当访问一个数值，或者一个数值类型的变量，它的属性时，

首先会对这个数值或变量进行包装：

let a = 66
a.toString()
复制代码

其实是：

let a = 66
Number(a).toString()
复制代码

所以，当组包后，才能使用原本就有的属性或方法，

但是，即便当组包后，也无法为一个数值类型的变量添加属性：

let a = 66
a.name = 'number'
console.log(a.name) //undefined
复制代码

重点是：虽然无法为数值类型的变量添加属性，但是这个操作并不会报错，只是一个无效操作而已。

2.2，逗号运算符

MDN上的解释

对它的每个操作数求值（从左到右），并返回最后一个操作数的值。 MDN 给的例子

var x = 1;
x = (x++, x);
console.log(x);  // 2

x = (2, 3);
console.log(x);  // 3
复制代码

MDN上给的只有( )的例子，但其实[ ]也是一个道理：

let human = {name: 'peiqi', sex: 'girl'}
console.log(human['name', 'sex']) // girl
复制代码

2.3 结果

let c = 3[a, b] = [b, a]
复制代码

所以，上面代码中的 3[a, b] == 3[b] == 一个无效操作。

并没有发生所谓的解构赋值！只是：

let c = [b, a]
复制代码

所以，c = [2, 1]

转载于:https://juejin.im/post/5c75057fe51d456598094391