Destructuring 是 ES6 里面介绍的一种新的语法,可以翻译成解构,意思就是分解一个东西的结构。 比如这里有一个叫 breakfast 的函数 .. 它的功能就是返回一个数组值,这个数组的值假设就是 蛋糕,茶,还有一个苹果 ..
我想把这个数组里的不同的项目的值分别给它们指定一个特定的变量 .. 老的方法就是把这个函数返回来的值交给一个临时的变量,然后再让几个变量的值分别等于这个临时变量里的对应的值 ..
现在我们可以使用 Destructuring 这种语法 .. 用一个 let ,然后再使用一个数组的形式 .. 这个数组里面的东西就是一些变量的名字 .. 比如 dessert,drink,fruit .. 再让它等于执行 breakfast() 这个函数的结果 ..
这个结果我们知道是一个数组,这样数组里的第一个项目就会交给前面 dessert 这个变量,第二个项目的值会分配给 drink,第三个项目的值会交给 fruit ..
下面我们在控制台上分别输出了这几个变量值 .. 在控制台上,你可以看到输出的就是 蛋糕,茶,还有苹果。