ES6解构赋值实例详解(es6 变量的解构赋值)

编辑：rootadmin

推荐整理分享ES6解构赋值实例详解(es6 变量的解构赋值)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:es6解构赋值是浅拷贝,es6解构赋值数组对象,es6 解构赋值,es6解构赋值数组对象,es6解构赋值是浅拷贝,es6解构赋值是浅拷贝,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.已声明的变量解构赋值

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

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

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

字符串解构赋值

数值&布尔值

解构赋值规则：

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

函数参数解构

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.引用模块的指定方法

更多相关内容可查看本站专题：《ECMAScript6(ES6)入门教程》、《JavaScript数组操作技巧总结》、《JavaScript字符与字符串操作技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript错误与调试技巧总结》及《javascript面向对象入门教程》

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

React Native中导航组件react-navigation跨tab路由处理详解前言大家应该都有所体会，我们在一般应用都有跨tab跳转的需求，这就需要特别处理下路由，所以下面是使用react-navigation作为路由组件的一种方式.具体

详解RequireJs官方使用教程 §1.使用§1.1加载JavaScript文件RequireJS的目标是鼓励代码的模块化，它使用了不同于传统script标签的脚本加载步骤。可以用它来加速、优化代码，但其主要

CheckBox多选取值及判断CheckBox选中是否为空的实例实例如下：varchk_value=[];//定义一个数组//name是CheckBox的name属性定义的名称$('input[name="time"]:checked').each(function(){chk_value.push($(this).val());});if(chk_value.length1){a

标签: es6 变量的解构赋值

本文链接地址:https://www.jiuchutong.com/biancheng/369688.html 转载请保留说明！

上一篇：js 获取json数组里面数组的长度实例(js获取json数组中的值)

下一篇：React Native中导航组件react-navigation跨tab路由处理详解(react-native-navigation)