ES6解构语法详解

        ES6的解构语法简化了我们开发过程中复杂的取值过程，可能你在a.b.c.d的时候别人早就把值一开始就取出来了，使代码更加简洁。下面开始进行语法的详解。

一、单层解构

单层解构

const earth = {
  people: '人类',
  animal: '动物'
}
const { people, animal } = earth
console.log(people, animal);//人类 动物

单层解构并更改变量名称

const earth = {
  people: '人类',
  animal: '动物'
}
const { people: ren, animal } = earth
console.log(ren, animal);//人类 动物

二、多层解构

多层数据解构

const earth = {
  people: {
    male:'男',
    female:'女'
  },
  animal: '动物'
}
const {people:{male,female}}=earth
console.log(male,female);

多层解构并更改变量名称

const earth = {
  people: {
    male:'男',
    female:'女'
  },
  animal: '动物'
}
const {people:{male:man,female}}=earth
console.log(man,female);

2022.06.29