ECMAScript 6 变量的解构赋值.pdfVIP

ECMAScript 6 变量的解构赋值 数组的解构赋值 基本⽤法 ES6允许按照⼀定模式，从数组和对象中提取值，对变量进⾏赋值，这被称为解构 （Destructuring 。 以前，为变量赋值，只能直接指定值。 var a = 1; var b = 2; var c = 3; ES6允许写成下⾯这样。 var [a, b, c] = [1, 2, 3]; 上⾯代码表⽰，可以从数组中提取值，按照对应位置，对变量赋值。 本质上，这种写法属于“模式匹配”，只要等号两边的模式相同，左边的变量就会被赋 予对应的值。下⾯是⼀些使⽤嵌套数组进⾏解构的例⼦。 let [foo, [[bar], baz]] = [1, [[2], 3]]; foo // 1 bar // 2 baz // 3 let [ , , third] = [foo, bar, baz]; third // baz let [x, , y] = [1, 2, 3]; x // 1 y // 3 let [head, ...tail] = [1, 2, 3, 4]; head // 1 tail // [2, 3, 4] let [x, y, ...z] = [a]; x // a y // u defi ed z // [] 如果解构不成功，变量的值就等于u defi ed。 var [foo] = []; var [bar, foo] = [1]; 以上两种情况都属于解构不成功，foo的值都会等于u defi ed。 另⼀种情况是不完全解构，即等号左边的模式，只匹配⼀部分的等号右边的数组。这 种情况下，解构依然可以成功。 let [x, y] = [1, 2, 3]; x // 1 y // 2 let [a, [b], d] = [1, [2, 3], 4]; a // 1 b // 2 d // 4 上⾯两个例⼦，都属于不完全解构，但是可以成功。 如果等号的右边不是数组 （或者严格地说，不是可遍历的结构，参见 《Iterator》⼀ 章 ，那么将会报错。 // 报错 let [foo] = 1; let [foo] = false; let [foo] = NaN; let [foo] = u defi ed; let [foo] = ull; let [foo] = {}; 上⾯的表达式都会报错，因为等号右边的值，要么转为对象以后不具备Iterator接⼜ （前五个表达式 ，要么本⾝就不具备Iterator接⼜ （最后⼀个表达式 。 解构赋值不仅适⽤于var命令，也适⽤于let和const命令。 var [v1, v2, ..., vN ] = array; let [v1, v2, ..., vN ] = array; co st [v1, v2, ..., vN ] = array; 对于Set结构，也可以使⽤数组的解构赋值。 let [x, y, z] = ew Set([a, b, c]); x // a 事实上，只要某种数据结构具有Iterator接⼜，都可以采⽤数组形式的解构赋值。 fu ctio * fibs() { var a = 0; var b = 1; while (true) { yield a; [a, b] = [b, a + b]; } } var [first, seco d, third, fourth, fifth, sixth] = fibs(); sixth // 5 上⾯代码中，fibs是⼀个Generator函数，原⽣具有Iterator接⼜。解构赋值会依次从这 个接⼜获取值。 默认值 解构赋值允许指定默认值。 var [foo = true] = []; foo // true [x, y = b] = [a]; // x=a, y=b [x, y = b] = [a, u defi ed]; // x=a, y=b 注意，ES6内部使⽤严格相等运算符 （=== ，判断⼀个位置是否有值。所以，如果 ⼀个数组成员不严格等于u defi ed，默认值是不会⽣效的。 var [x = 1] = [u defi ed]; x // 1 var [x = 1] = [ ull]; x // ull 上⾯代码中，如果⼀个数组成员是