变量的解构赋值

基本概念

ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构

let [a, b, c] = [1, 2, 3]
let [a, ...b] = [1, 2, 3, 4]
let [x, y = 'b'] = ['a']

let {foo, bar} = {foo: 'aa', bar: 'bbb'}
// 等同于
let {foo: foo, bar: bar} = {foo: 'aa', bar: 'bbb'}

嵌套对象赋值注意模式和变量的区别

let foo = {
  a: {
    b: '123'
  }
}

let {a: {b}} = foo
a //报错
b // "123"

此处a为模式，b 为变量，要为a赋值，可以写作

let foo = {
  a: {
    b: '123'
  }
}

let {a, a: {b}} = foo
a // Object {b: '123'}
b // "123"

const [a, b, c, d, e] = 'hello'

可以对字符串的length进行解构赋值

对于数值和布尔值进行解构赋值时，如果等号右边是布尔值或者是数值，则会先将其转化为对象

let { toString } = 123
toString === Number.prototype.toString // true

上述代码中先将123转化为Number包装对象，然后将对象的toString属性赋值给toString变量

由于null和undefined不能转化为对象，所有不能进行解构赋值

function add([x, y]){
  return x + y
}

add([1, 2]) // 3