Object Destructuring(对象解构)

ES6中一个在react中常见的特性就是对象的解构。

const address = {
  street: '',
  city: '',
  country: ''
};

在代码的某个地方，我需要取得这些属性，并将它们保存于独立的变量中，我们可能这样声明每个独立变量对应一个属性。

const street = address.street;
const city = address.city;
const country = address.country;

这段代码的问题在于我们重复地使用"address."这样的语法，解构就解决了这个问题，我们可以这样重写代码：

const {street,city,country} = address;

这样其实就是把address对象的对应属性取出来放在street,city,country常量中,和上面三行的效果是一样的