ES6---对象解构

1、变量名与属性名对应，次序不一样，可以正常解构

let {name, age} = {age: 11, name: 'bob'} // name->bob age->11

2、找不到相应的属性名，则值为undefined

let {a, b} = {a: 1} //a->1 b->undefined

3、变量名和属性名不一样需要这么写

let {n: name, a: age} = {n: 'bob', a: 11} // name->bob age->11 

4、解构嵌套解构的对象

let {p: [x, {a}]} = {p: [1111, {a: 2222}]} // x->1111  a->2222

let {p, p: [x, {a}]} = {p: [1111, {a: 2222}]} // p-> {p: [1111, {a: 2222}]}    x->1111      a->2222

5、默认值

let {age = 111} = {age: 2222} // age->2222

let {name='bob'} = {} // name->'bob'

let {message: msg = 'this is message'} = {} // msg->this is message

let {a = 1} = {a: undefined} //a->1

let {a = 1} = {a:null}// a->null

6、将一个声明的变量进行解构

let x
{x} = {x:1} // 报错--javascript会将{}看成是一个作用域代码块

let x
({x} = {x: 1}) // 正确--使用 (), 避免将 {} 写在行首而被JavaScript错误解析

7、解构赋值等号的左边可以不放置任何的变量名

//以下表达式毫无意义，但都正确
({} = [false, true])

({} = 'bac')

({} = [])

8、数组的本质是特殊的对象

let arr = [1, 2, 3]
let {0: first, [arr.length-1]: last} = arr  // first-> 1  last-> 3

就记录到这，祝大家开心！