深入了解对象解构

1.简单的对象解构

let person = {
  name: 'Matt',
  age: 24
}

let { name: personName, age: personAge} = person;
console.log(personName) // Matt
console.log(personAge) // 24

2.升级，让变量直接使用属性的名称

let person = {
  name: 'Matt',
  age: 24
}

let { name, age} = person;
console.log(name) // Matt
console.log(age) // 24
// 如果属性不存在，则该变量的值就是undefined

3.解构同时赋值

let person = {
  name: 'Matt',
  age: 24
}

let { name, age, job='work'} = person;
console.log(job) //work

4.先声明变量，在解构赋值

let personName, personAge;
let person = {
  name: 'Matt',
  age: 24
}
({name:personName,age:personAge} = person)  // 一定要在一对括号中

5.嵌套解构

let person = {
  name: 'Matt',
  age: 24,
  job: {
    title:'前端开发'
  }
}
// 声明 title 变量并将person.job.title 的值赋给他
let {job:{title}} = person