变量解构赋值

ES6允许按照一定模式从数组和对象中提取值,对变量进行赋值,这被称为解构,模式匹配,只要等号两边的模式相同左边的变量就会被赋予对应的值,如果解构不成功,变量值就为undefined,如果等号右边不是数组,严格来说不是可遍历的解构,将会报错,解构赋值允许指定默认值,

es6使用严格相等运算符(===) 判断一个位置是否有值,如果默认值是一个表达式,那么这个表达式是惰性求值的,即只有用到的才会求值
解构可用于对象,但变量必须与属性同名,才能得到正确的值,对象的解构也可以指定默认值,生效的条件是对象的属性严格等于undefined
字符串也可以解构赋值,因为此时字符串被转化为一个类似数组的对象.
数组和布尔值解构赋值时,如果等号右边是数值或布尔值则会先转为对象,
函数的参数也可以使用解构赋值,当解构时,对圆括号的要求:
以下三种解构赋值不得使用圆括号
1:变量声明语句
2:函数参数
3:赋值语句的模式
可以使用圆括号的只有一种赋值语句的非模式部分

解构赋值的用途
1:交换变量的值
2:从函数返回多个值
3:函数参数的定义
4:提取json数据
5:函数参数的默认值
6:编辑map结构
7:输入模式的指定方法

ES6学习笔记(二)相关推荐

  1. ES6学习笔记二arrow functions 箭头函数、template string、destructuring

    接着上一篇的说. arrow functions 箭头函数 => 更便捷的函数声明 document.getElementById("click_1").onclick = ...

  2. ES6学习笔记二 新的声明方式和变量的解构赋值!

    新的声明方式 在ES5的时候,我们只有一个声明方式,var!但是在es6中,声明进行了扩展,我们加上ES5的var的申明方式,我们有了三种声明方式: var:它是variable的简写,可以理解成变量 ...

  3. es6学习笔记-字符串的扩展_v1.0_byKL

    es6学习笔记-字符串的扩展_v1.0 字符的Unicode表示法 JavaScript 允许使用uxxxx的形式表示一个字符,但在 ES6 之前,单个码点仅支持u0000到uFFFF,超出该范围的必 ...

  4. ES6学习笔记(五):轻松了解ES6的内置扩展对象

    前面分享了四篇有关ES6相关的技术,如想了解更多,可以查看以下连接 <ES6学习笔记(一):轻松搞懂面向对象编程.类和对象> <ES6学习笔记(二):教你玩转类的继承和类的对象> ...

  5. ES6学习笔记(三):教你用js面向对象思维来实现 tab栏增删改查功能

    前两篇文章主要介绍了类和对象.类的继承,如果想了解更多理论请查阅<ES6学习笔记(一):轻松搞懂面向对象编程.类和对象>.<ES6学习笔记(二):教你玩转类的继承和类的对象>, ...

  6. ES6学习笔记04:Set与Map

    ES6学习笔记04:Set与Map JS原有两种数据结构:Array与Object,ES6新增两种数据结构:Set与Map 一.Set数据结构 Set类似于数组,但是成员值不允许重复,因此主要用于数据 ...

  7. es6学习笔记-顶层对象_v1.0_byKL

    es6学习笔记-顶层对象_v1.0 (虽然是笔记,但是基本是抄了一次ruan大师的文章了) 顶层对象 顶层对象,在浏览器环境指的是window对象,在Node指的是global对象. ES5之中,顶层 ...

  8. pythonsze_python学习笔记二 数据类型(基础篇)

    Python基础 对于Python,一切事物都是对象,对象基于类创建 不同类型的类可以创造出字符串,数字,列表这样的对象,比如"koka".24.['北京', '上海', '深圳' ...

  9. qml学习笔记(二):可视化元素基类Item详解(上半场anchors等等)

    原博主博客地址:http://blog.csdn.net/qq21497936 本文章博客地址:http://blog.csdn.net/qq21497936/article/details/7851 ...

最新文章

  1. G - IP地址转换
  2. 算法---------数组-----------寻找峰值
  3. 马斯克明年送3人到太空站旅游:票价3.8亿,仅剩2席,手慢无
  4. 美团技术四面经历,作者已拿到Offer!
  5. Byte和byte[]数组
  6. 为什么闲鱼不能搜索python_Python 分析后告诉你闲鱼上哪些商品抢手?
  7. VS2010主题设置及插件推荐
  8. 找规律万能公式_有一个万能公式,可以帮你解决任何烦恼!
  9. 关于使用百度地图插件的显示行政区域的操作
  10. Linux Swap交换分区介绍
  11. 5个优化页面加载速度提高SEO排名的最佳实践
  12. 软件技术PHp试卷,2014-2015软件技术学院AJAX试卷A
  13. php获取当前协议domain,汇总php获取根域名方法($_SERVER['SERVER_NAME']、GetUrlToDomain)...
  14. 齐治运维堡垒机后台命令执行漏洞
  15. 1032: 员工薪水 Python
  16. Apache Tomcat 文件包含漏洞(CNVD-2020-10487/CVE-2020-1938)
  17. signature=de4fefc549f99f0b0c76a2cec8e340bf,Diagnostics based on faulty signature
  18. 脱机使用打印机是什么意思?
  19. 【学习OpenCV】使用OpenCV播放AVI视频
  20. office是什么意思

热门文章

  1. 31、SpringBoot(2)
  2. 基于STC单片机的无线充电系统
  3. 【element】el-collapse-中折叠面板箭头图标位置调整往左边
  4. unity制作bitmap字体-艺术字
  5. 不俗,元旦海报设计素材|PSD分层格式模板
  6. 阿里云运维架构实践秘籍 ——乔帮主的云技术实践绝学:降云十八掌
  7. 3D建模真的这么赚钱?副业收入2万,只要喜欢就能做
  8. 计算机主板上有啥,电脑主板上有哪些东西?
  9. plex自动跳到登入_如何使用Plex Media Server自动下载字幕
  10. win10家庭版怎么添加组策略编辑器