《ES6深入浅出》学习笔记(三)

来源：互联网发布：淘宝延长收货花呗编辑：程序博客网时间：2024/06/05 05:45

解构 Destructuring
通常来说，你很可能这样访问数组中的前三个元素：

    var first = someArray[0];    var second = someArray[1];    var third = someArray[2];

如果使用解构赋值的特性，将会使等效的代码变得更加简洁并且可读性更高：

  var [first, second, third] = someArray;

数组与迭代器的解构

以上是数组解构赋值的一个简单示例，其语法的一般形式为：

[ variable1, variable2, ..., variableN ] = array;

这将为variable1到variableN的变量赋予数组中相应元素项的值。如果你想在赋值的同时声明变量，可在赋值语句前加入var、let或const关键字，例如：

var [ variable1, variable2, ..., variableN ] = array;let [ variable1, variable2, ..., variableN ] = array;const [ variable1, variable2, ..., variableN ] = array;

事实上，用变量来描述并不恰当，因为你可以对任意深度的嵌套数组进行解构：

var [foo, [[bar], baz]] = [1, [[2], 3]];console.log(foo);// 1console.log(bar);// 2console.log(baz);// 3

此外，你可以在对应位留空来跳过被解构数组中的某些元素：

var [,,third] = ["foo", "bar", "baz"];console.log(third);// "baz"

而且你还可以通过“不定参数”模式捕获数组中的所有尾随元素：

var [head, ...tail] = [1, 2, 3, 4];console.log(tail);// [2, 3, 4]

当访问空数组或越界访问数组时，对其解构与对其索引的行为一致，最终得到的结果都是：unde console.log([][0]);
// undefined
var [missing] = [];
console.log(missing);
// undefined，数组解构赋值的模式同样适用于任意迭代器：

    function* fibs() {      var a = 0;      var b = 1;      while (true) {        yield a;        [a, b] = [b, a + b];      }    }    var [first, second, third, fourth, fifth, sixth] = fibs();    console.log(sixth);    // 5

0 0