快速理解ES6的解构赋值？

function arr(){

         return ['苹果',' 茶','蛋糕']

};

我们将上述数组中的值依次赋值给三个变量，并在后续的程序中输出。

传统的实现方法：

var testArr = arr();
var fruit = testArr[0], tea = testArr[1], cake = testArr[2]

console.log(fruit,tea,cake);

解构赋值实现：

解构赋值语法是一种 Javascript 表达式。通过解构赋值, 可以将属性/值从对象/数组中取出,赋值给其他变量。

let [fruit1,tea1,cake1] = arr();
console.log(fruit1,tea1,cake1);

可以看到解构赋值可以更加高效的从源变量中提取值，这在日常的开发中可以带来体验的提升，熟悉python 小伙伴可能会更加熟悉，这块其实和python中的没啥大的区别。

JavaScript 中，解构赋值的作用类似于 Perl 和 Python 语言中的相似特性。