ES6学习笔记(二)
变量解构赋值
ES6允许按照一定模式从数组和对象中提取值,对变量进行赋值,这被称为解构,模式匹配,只要等号两边的模式相同左边的变量就会被赋予对应的值,如果解构不成功,变量值就为undefined,如果等号右边不是数组,严格来说不是可遍历的解构,将会报错,解构赋值允许指定默认值,
es6使用严格相等运算符(===) 判断一个位置是否有值,如果默认值是一个表达式,那么这个表达式是惰性求值的,即只有用到的才会求值
解构可用于对象,但变量必须与属性同名,才能得到正确的值,对象的解构也可以指定默认值,生效的条件是对象的属性严格等于undefined
字符串也可以解构赋值,因为此时字符串被转化为一个类似数组的对象.
数组和布尔值解构赋值时,如果等号右边是数值或布尔值则会先转为对象,
函数的参数也可以使用解构赋值,当解构时,对圆括号的要求:
以下三种解构赋值不得使用圆括号
1:变量声明语句
2:函数参数
3:赋值语句的模式
可以使用圆括号的只有一种赋值语句的非模式部分
解构赋值的用途
1:交换变量的值
2:从函数返回多个值
3:函数参数的定义
4:提取json数据
5:函数参数的默认值
6:编辑map结构
7:输入模式的指定方法
ES6学习笔记(二)相关推荐
- ES6学习笔记二arrow functions 箭头函数、template string、destructuring
接着上一篇的说. arrow functions 箭头函数 => 更便捷的函数声明 document.getElementById("click_1").onclick = ...
- ES6学习笔记二 新的声明方式和变量的解构赋值!
新的声明方式 在ES5的时候,我们只有一个声明方式,var!但是在es6中,声明进行了扩展,我们加上ES5的var的申明方式,我们有了三种声明方式: var:它是variable的简写,可以理解成变量 ...
- es6学习笔记-字符串的扩展_v1.0_byKL
es6学习笔记-字符串的扩展_v1.0 字符的Unicode表示法 JavaScript 允许使用uxxxx的形式表示一个字符,但在 ES6 之前,单个码点仅支持u0000到uFFFF,超出该范围的必 ...
- ES6学习笔记(五):轻松了解ES6的内置扩展对象
前面分享了四篇有关ES6相关的技术,如想了解更多,可以查看以下连接 <ES6学习笔记(一):轻松搞懂面向对象编程.类和对象> <ES6学习笔记(二):教你玩转类的继承和类的对象> ...
- ES6学习笔记(三):教你用js面向对象思维来实现 tab栏增删改查功能
前两篇文章主要介绍了类和对象.类的继承,如果想了解更多理论请查阅<ES6学习笔记(一):轻松搞懂面向对象编程.类和对象>.<ES6学习笔记(二):教你玩转类的继承和类的对象>, ...
- ES6学习笔记04:Set与Map
ES6学习笔记04:Set与Map JS原有两种数据结构:Array与Object,ES6新增两种数据结构:Set与Map 一.Set数据结构 Set类似于数组,但是成员值不允许重复,因此主要用于数据 ...
- es6学习笔记-顶层对象_v1.0_byKL
es6学习笔记-顶层对象_v1.0 (虽然是笔记,但是基本是抄了一次ruan大师的文章了) 顶层对象 顶层对象,在浏览器环境指的是window对象,在Node指的是global对象. ES5之中,顶层 ...
- pythonsze_python学习笔记二 数据类型(基础篇)
Python基础 对于Python,一切事物都是对象,对象基于类创建 不同类型的类可以创造出字符串,数字,列表这样的对象,比如"koka".24.['北京', '上海', '深圳' ...
- qml学习笔记(二):可视化元素基类Item详解(上半场anchors等等)
原博主博客地址:http://blog.csdn.net/qq21497936 本文章博客地址:http://blog.csdn.net/qq21497936/article/details/7851 ...
最新文章
- G - IP地址转换
- 算法---------数组-----------寻找峰值
- 马斯克明年送3人到太空站旅游:票价3.8亿,仅剩2席,手慢无
- 美团技术四面经历,作者已拿到Offer!
- Byte和byte[]数组
- 为什么闲鱼不能搜索python_Python 分析后告诉你闲鱼上哪些商品抢手?
- VS2010主题设置及插件推荐
- 找规律万能公式_有一个万能公式,可以帮你解决任何烦恼!
- 关于使用百度地图插件的显示行政区域的操作
- Linux Swap交换分区介绍
- 5个优化页面加载速度提高SEO排名的最佳实践
- 软件技术PHp试卷,2014-2015软件技术学院AJAX试卷A
- php获取当前协议domain,汇总php获取根域名方法($_SERVER['SERVER_NAME']、GetUrlToDomain)...
- 齐治运维堡垒机后台命令执行漏洞
- 1032: 员工薪水 Python
- Apache Tomcat 文件包含漏洞(CNVD-2020-10487/CVE-2020-1938)
- signature=de4fefc549f99f0b0c76a2cec8e340bf,Diagnostics based on faulty signature
- 脱机使用打印机是什么意思?
- 【学习OpenCV】使用OpenCV播放AVI视频
- office是什么意思