由分号引发的问题

第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]