更方便的数据访问--解构

ES5我们提取对象中的信息形式如下：

const people = {
       name: 'lux',
       age: 20
   }
   const name = people.name
   const age = people.age
   console.log(name + ' --- ' + age)

是不是觉得很熟悉，没错，在ES6之前我们就是这样获取对象信息的，一个一个获取。

现在，解构能让我们从对象或者数组里取出数据存为变量，例如

  //对象
    const people = {
        name: 'lux',
        age: 20
    }
    const { name, age } = people
    console.log(`${name} --- ${age}`)
    //数组
    const color = ['red', 'blue']
    const [first, second] = color
    console.log(first) //'red'
    console.log(second) //'blue'