ES6学习之变量的解构赋值

　　

<强>变量的解构赋值

　　

ES6中允许按照一定模式,从数组和对象中提取,对变量进行赋值。

　　

数组的解构赋值

　　 　　 　　var (a, b, c)=(1、2、3);//1; 　　b//2; 　　 c//3; 　　 　　

上面的代码标示可以从数组中提取值,按照位置的对应关系对变量进行赋值。
　　

　　

本质上,这种写法属于“模式匹配”,只要等号两边的模式相同,左边的变量就会被赋予对应的值。

　　 　　 　　让(foo,[[酒吧],巴兹]]=[1,[2],[3]]; 　　foo//1; 　　酒吧//2; 　　巴兹//3; 　　 　　让[,,第三]=[“foo”、“酒吧”,“巴兹”); 　　第三//凹钦摺? 　　 　　让(头,…尾巴]=(1、2、3、4) 　　头//1; 　　尾//(2、3、4) 　　 　　

如果解构不成功,变量的值就等于定义。

　　 　　 　　让[x, y, z]=[a] 　　x//' a '; 　　y//未定义 　　z//[] 　　 　　

<强>不完全解构

　　

如果等号左边的模式只匹配等号右边数组的一部分,解构依然可以成功,这种情况叫做不完全解构。

　　 　　 　　让(x, y)=(1、2、3) 　　x//1 　　y//2 　　 　　

如果等号右边不是数组,那么将会报错。(不具备可遍历的结构)。

　　

只要某种数据结构具有迭代器接口,都可以采用数组形式的解构赋值

　　 　　 　　函数*小谎(){ 　　var=0; 　　var b=1; 　　而(真){ 　　产生; 　　[a, b]=[b, a + b]; 　　} 　　} 　　 　　var(第一,第二,第三,第四,第五,第六]=小谎(); 　　第六//5 　　 　　

小谎是一个发电机函数,原生具有迭代器接口,解构赋值会依次从这个接口获取值。

　　

<强>默认值

　　

解构赋值允许指定默认值。

　　 　　 　　var (foo=true)=[]; 　　foo//真正的 　　 　　

ES6内部使用严格相等于运算符(===)判断一个位置是否有值,所以,一个数组成员如果不严格等于定义,默认值便不会生效。

　　 　　 　　var [x=1]=(定义) 　　x//1 　　 　　var [x=1]=(空) 　　x//空 　　 　　

表达式也可以作为默认值,如果表达式作为默认值的时候,该表达式是惰性求值的,只有在用到的时候才会求值。

　　 　　 　　函数f () { 　　console.log (' aaa ') 　　} 　　 　　让[x=f ()]=[1] 　　 　　

在上面的代码中,函数f不会执行,是因为x能取到值。

　　

默认值可以引用解构赋值的其他变量,但该变量必须已经声明。

　　

对象的解构赋值

　　

解构赋值可以应用在数组上,同样也可以用于对象。

　　 　　 　　var {foo, bar}={foo:“aaa”栏:“bbb”} 　　foo//' aaa ' 　　酒吧//癰bb” 　　 　　

对象的解构赋值与数组有一个不同点,就是数组的元素是按次序排序的,变量的取值由它的位置决定,而对象的属性没有次序,变量必须与属性同名,才能取到正确的值。

　　 　　 　　var{酒吧,foo}={foo:“aaa”栏:“bbb”} 　　foo//' aaa ' 　　酒吧//癰bb” 　　 　　 　　var {baz}={foo:“aaa”栏:“bbb”} 　　巴兹//未定义的 　　 　　

如果变量名与属性名不一致,那必须写成这样:

　　 　　 　　var {foo: baz}={foo: ' aaa '} 　　巴兹//' aaa ' 　　 　　

实际上对象的解构赋值是以下的形式简写:

　　 　　 　　var {foo: foo,栏:栏}={foo:“aaa”栏:“bbb”} 　　 　　

对象的解构赋值的内部机制,是先找到同名属性,然后再赋给对应的变量,真正被赋值的是后者,而不是前者。

　　

但是,采取上面的写法时,变量的声明和赋值是一起的,对于让和常量而言,变量不能重新声明,所以一旦赋值的变量以前声明过,就会报错。

　　

对象的解构也可以用于嵌套结构的对象。

　　 　　 　　var obj={ 　　p: [ 　　“你好”, 　　{ 　　y:‘世界’ 　　} 　　］ 　　} 　　 　　var {p: [x, y} {]}=obj 　　 　　x//'你好' 　　y//笆澜纭?/pre> 　　 　　

这时p是模式,不是变量,因此不会被赋值。

　　

对象的解构赋值也可以指定默认值,默认值的生效条件是,对象的属性值严格等于定义。

　　 　　 　　var {x=3}={x:定义} 　　x//3 　　 　　var {x=3}={x:零} 　　x//空

ES6学习之变量的解构赋值