ES6+ 中对象解构小技巧

1. 解构的同时赋予初始值（使用 =）

let target = { name: 'Tony',age: 32 }
let { name，age, birth=1993 } = target
console.log(name, age, birth)
// Tony 32 1993

2.使用的变量名与解构目标的key不一致或要使用多个变量（使用 : ）

let target = { name: 'Tony',age: 32 }
let let { name: firstName,  name: lastName,  age,  birth=1993 } = target
console.log(firstName, lastName, age, birth)
// Tony Tony 32 1993

3. 解构中的 rest(变量由多变少) 与spread(变量由少变多)

/* rest 例子 */
let arr =  [  'zhenganlin', 1, 2, 3 ]
function rest (...arg) {
  console.log(arg)
}
rest ( arr )
// log: [  'zhenganlin', 1, 2, 3 ]
function spread (a,b,c,d) {
  console.log(a,b,c,d)
}
spread ( ...arr )
// log:  'zhenganlin', 1, 2, 3