ES6-解构

---

一、 解构数组

解构是 ES6 里面定义的一种新的语法，意思就是分解一个东西的结构。 把一个数组里的不同的值分别给指定的变量，原来的方法就是把这个函数返回来的值交给一个临时的变量，然后再让几个变量的值分别等于这个临时变量里的对应的值，现在我们可以解构这种语法，直接给变量赋值。

1. 原始方法

function fruits(){
return ['苹果','香蕉','橘子']
}
var tmp = fruits();
tapple=tmp[0];
tbanana = tmp[1];
torange=tmp[2];
console.log(apple,banana,orange);  //输出: 苹果 香蕉 橘子

2. ES6解构

function fruits(){
  return ['苹果','香蕉','橘子']
}
let [apple,banana,orange] = fruits();
console.log(apple,banana,orange);  //输出: 苹果 香蕉 橘子

二、 解构对象

我们也可以使用解构语法去解构对象。分别去使用这个对象里的这些属性的值，把它们交给一个单独的变量，如下代码就可以将返回的对象解构，赋值给相应的变量。

let food = {apple:'苹果',banana:'香蕉',orange:'橘子'};
let {apple,banana,orange} = food;  //这里的变量名要注意与原对象中的对应
console.log(apple,banana,orange);  //输出: 苹果 香蕉 橘子

环境永远不会十全十美，消极的人受环境控制，积极的人却控制环境。