变量的解构赋值

ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构;

【数组】

数据结构具有 Iterator 接口,可采用数组形式的解构赋值;

数组的解构赋值,属于“模式匹配”:

(1)完全解构,即等号两边的模式相同;

(2)不完全解构,即等号左边的模式,只匹配一部分的等号右边的数组;

元素按次序排列的,变量的取值由位置决定,左边的变量会被赋予对应位置的值, 对应位置无值,则变量值为undefined;

ES6 内部使用严格相等运算符(===),判断一个位置是否有值。只有当一个数组成员严格等于undefined,默认值才生效;

【对象】 对象的属性没有次序;

解构的变量,必须与对象的属性同名,才能取到正确的值;

解构的变量,对象没有对应的同名属性,值为undefined;

重命名,变量名与属性名不一致, 书写格式为 属性名A: 变量名B;

对象的解构赋值可以取到继承的属性;

对象的属性值严格等于undefined,默认值才生效;

【字符串】

字符串被转换成了一个类似数组的对象进行解构赋值;

length属性解构;

【数值和布尔值】

等号右边是数值和布尔值,会先转为包装对象(Number和Boolean),可进行解构;

undefined和null无法转为对象,进行解构,会报错;

【函数参数】

(1) 参数是数组;

(2) 参数是对象;

可为参数对象的属性设置默认值,可为参数设置默认值;

【圆括号问题】

不得使用圆括号:

(1)变量声明语句;

(2)函数参数;

(3)赋值语句,模式部分放在圆括号之中;

可使用圆括号:

(1)赋值语句,非模式部分可以使用圆括号;

【解构赋值的用途】

(1)交换变量的值;

(2)从函数返回多个值,放在对象或数组里返回;

(3)函数参数的定义,参数类型为数组或对象, 方便参数值与变量对应;

(4)提取JSON对象中的数据;

(5)函数参数指定默认值,代替var a = o.a || 'd';

(6)遍历Map结构, 解构获取键或值;

(7)引入模块时, 可指定输入哪些方法;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值