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
就记录到这,祝大家开心!