ES6解构赋值实例详解

前端之家收集整理的这篇文章主要介绍了ES6解构赋值实例详解前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例讲述了ES6解构赋值。分享给大家供大家参考,具体如下:

基本用法

1.等号右边如果不是数组,将会报错(不是可遍历结构) 2.解构赋值 var,let,const命令声明均适用 3.set结构也可解构赋值(具有Iterator接口,可采用数组形式结构赋值)

set解构:任何类型的单个值的集合

默认值

1.数组成员的值不严格等于undefined,默认值不生效(null的话相应值依然为null)

2.如果默认值是表达式,表达式惰性求值,只有在用到的时候才会去执行

3.默认值可以引用结构赋值的其他变量,但该变量必须已声明

对象结构赋值

1.数组按次序排列,对象变量必须与属性同名

2.变量以前声明过,使用let赋值会报错

3.可用于嵌套结构的对象

line是变量,loc,start都是模式

4.对象结构可以指定默认值

(生效条件是对象属性值严格等于undefined,null不会生效,解构失败值为undefined)

5.解构模式是嵌套对象,且子对象父属性不存在,报错

6.已声明的变量解构赋值

SyntaxError: Unexpected token = ({x}={x:1}) //正确

js会将{x}理解成代码块,不将大括号写在行首即可

7.可以将现有对象的方法赋值到某个变量

let { sin,cos,log } = Math(Math对象的名为sin的方法直接赋值给sin变量)

字符串解构赋值

属性)

数值&布尔值

解构赋值规则:

① 只要等号右边不是对象先将其转化为对象, ② undefined和null无法转换为对象,报错

函数参数解构

a+b) //[3,7] function({x=0,y=0}={}){ return [x,y] }

undefined会触发函数参数默认值

圆括号问题

1.变量声明语句中,模式不能带有圆括号 let {x:(c)} = {} 2.函数参数中,模式不能带有圆括号(函数参数也属于变量声明) 3.整个模式或嵌套模式中的一层,不可放入圆括号

赋值语句的非模式部分可使用

用途

1.[x,y] = [y,x] 2.函数返回的多个值分别赋值 3.函数参数与变量名对应 4.提取json数据(ajax请求返回数据处理中可用到)

5.函数参数的默认值,避免在函数内写var foo = config.foo || ”

6.遍历Map结构

7.引用模块的指定方法

更多相关内容可查看本站专题:《》、《》、《》、《》、《》及《

希望本文所述对大家基于ECMAScript的程序设计有所帮助。

猜你在找的JavaScript相关文章