聊聊es6的解构

解构

很多人会把解构跟es5的 || 相提并论，其实还是有一点区别的。

在解构中，一个重要的原则是，默认值生效的条件只有undefined。

而使用es5的 || ，由于js会把某些值都转换成false，所以都会返回默认值。

在js中，会转换成false的值包括：false, 0, null, undefined, NaN, ''

下面以数组解构的例子来说明，对象解构同理：

// 1.通常情况，x=2
const arr=[2]
let [x]=arr

// 2.有默认值的情况
const arr=[2]
//es5
let x=arr[0] || 1 // x=2
//es6
let [x=1]=arr // x=2

// 3.默认值为undefined的情况
const arr=[]
//es5
let x=arr[0] || 1 // x=1
//es6
let [x=1]=arr // x=1

// 4.默认值为false的情况
const arr=[0] // 其他值类同
//es5
let x=arr[0] || 1 // x=1
//es6
let [x=1]=arr // x=0