ES6 (2):解构赋值

摘要:
对于解构赋值个人感觉需要理解左查询与右查询的区别,然后对解构赋值的理解才会更深一些。允许指定默认值:左右匹配使用的是严格相等运算符默认值可以使用已经赋值的变量。由于undefined和null无法转为对象,所以对它们进行解构赋值,都会报错。

对于解构赋值个人感觉需要理解左查询与右查询的区别,然后对解构赋值的理解才会更深一些。

解构赋值:对数组和对象中的值提取,赋值到声明的变量中。

模式匹配:模式相同,或者说样子一样

ES6 (2):解构赋值第1张

如果不成功,变量值为undefined,等号右边不是数组(不是可遍历,因为模式是数组)会报错

ES6 (2):解构赋值第2张

允许指定默认值:

ES6 (2):解构赋值第3张

左右匹配使用的是严格相等运算符(严格等于undefined,如果为“”,null 是不可以的)

默认值可以使用已经赋值的变量。

ES6 (2):解构赋值第4张

对象:

ES6 (2):解构赋值第5张

跟数组对象差不多,只不过是指定变量名需在对象中查询到,用在对象赋值上非常有用。

另外可以使用变量名别名(前别名,后真名):

ES6 (2):解构赋值第6张

嵌套:

ES6 (2):解构赋值第7张

指定默认值:

ES6 (2):解构赋值第8张

对于已经声明的变量,最好使用括号(发现不使用的时候现在可以)

ES6 (2):解构赋值第9张

ES6 (2):解构赋值第10张

数组对象赋值:

ES6 (2):解构赋值第11张

解构赋值的规则是,只要等号右边的值不是对象或数组,就先将其转为对象。由于undefinednull无法转为对象,所以对它们进行解构赋值,都会报错。

函数的解构赋值:

ES6 (2):解构赋值第12张

函数默认值:(默认值在等号左边,默认值使用 “=” 而不是“:”

ES6 (2):解构赋值第13张

为参数声明默认值(不是解构赋值a,b)

ES6 (2):解构赋值第14张

函数返回多个值:

ES6 (2):解构赋值第15张

函数参数默认值:(引用自阮大神)

jQuery.ajax = function (url, {
  async = true,
  beforeSend = function () {},
  cache = true,
  complete = function () {},
  crossDomain = false,
  global = true,
  // ... more config
} = {}) {
  // ... do stuff
};

遍历map:

const map = new Map();
map.set('first', 'hello');
map.set('second', 'world');

for (let [key, value] of map) {
  console.log(key + " is " + value);
}

免责声明:文章转载自《ES6 (2):解构赋值》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇关于切蛋糕与集合爬取网易新闻下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

C语言入门阶段:教你几招如何牢记常量和变量

小伙伴们有没有想过什么是C常量,什么是C变量?为什么它们是编程世界的重要组成部分?在今天就带小伙伴一起学习和了解C语言中的常量和变量。 常量: 1、整型常量(整常数) 整型常量是整数类型的数据。可用以下三种形式表示,具体如下: 十进制整数,123,-456,0; 八进制整数,如0123,-011; 十六进制整数,如0x123,-0x12。 2、实型常...

汇编语言——寄存器(内存访问 ds数据段寄存器)

在内存中字的存储 这段话的主要意思是:一个字=2B=16bit,CPU中是用两个内存单元储存一个字(假如获取0地址存放的字型数据,就是获取它的高位字节0+1位和低位字节0位的数据,数据由高地址位向低地址位读) 问题: (1)0地址单元中存放的字节型数据是多少?  #  20H(2)0地址字单元中存放的字型数据是多少?  # 4e20H(3)2地址字单元中...

layui给select下拉框赋值

转: layui给select下拉框赋值 layui给select下拉框赋值 //重新渲染表单函数 function renderForm() { layui.use('form', function() { var form = layui.form(); //...

asp定义数组详解 转载

asp定义数组详解 asp定义数组详解数组是有序数据的集合。数组中的元素可以不属于同一个数据类型。用一个统一的数组名和下标来唯一地确定数组中的元素,更改其中一个元素并不会影响其它元素。数组的下标是有界的,分为下界和上界。数组可以用Dim、Private、Public或Static来声明,它们的语法格式相同。下面只介绍用 Dim声明数组的方法。1.数组的定义与...

EasyUI combobox 多选及回显赋值

multiple boolean 决定是否支持多项选择. $('#cc').combobox({ url:'combobox_data.json', multiple:true, //支持多选 valueField:'id', textField:'text' }); 单选赋值:setValue $(...

Excel VBA 根据下拉框单元格的值来改变另一个下拉框单元格的值

在很多的报表开发中,需要用到VBA去设置Excel的一些规则。  以下是一个根据下拉框单元格的值来给特定单元格进行赋值的代码: Private Sub Worksheet_SelectionChange(ByVal Target As Range) On Error Resume Next: Application.ScreenUpdati...