![](https://img-blog.csdnimg.cn/89a9f7a62041460a87aa032b3109000c.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
ES6
文章平均质量分 83
总结 ES6 知识点
CEZLZ
这个作者很懒,什么都没留下…
展开
-
ES6 新特性
文章目录函数的扩展参数的默认值函数的扩展参数的默认值// ES5 写法function log(x, y) { if (typeof y === 'undefined') { y = 100; } console.log(x, y);}log(10); // 10 100log(10, 20); // 10 20// ES6 写法function log(x, y = 100) { console.log(x, y);}log(10); // 10 1原创 2021-11-24 00:18:29 · 1000 阅读 · 0 评论 -
ES6 数组的扩展:扩展运算符
文章目录扩展运算符应用扩展运算符扩展运算符(…)作用是将一个数组转为用逗号分隔的参数序列。console.log(...[1, 2, 3]); // 1 2 3console.log(1, ...[2, 3]); // 1 2 3该运算符主要用于函数调用:function _push(arr, ...items) { // 这里的 ...items 将会以数组的形式接收所有剩余的参数 console.log(items); // [2, 3] arr.push(...items);原创 2021-11-10 15:44:17 · 1419 阅读 · 0 评论 -
简单理解 async/await
文章目录1 基本用法1.1 编写第一个 async/await 函数2 async2.1 返回 Promise 对象2.2 Promise 对象的状态变化2.3 async 函数的多种使用形式2.4 使用 Promise.all() 实现并行2.5 在 for 循环中正确使用 await3 await4 async 函数中的错误处理5 参考资料1 基本用法1.1 编写第一个 async/await 函数async 表示函数里有异步操作。await 表示紧跟在后面的异步操作执行完,再接着执行函数体内.原创 2021-09-15 15:35:29 · 239 阅读 · 0 评论 -
简单理解箭头函数
文章目录1. 基本用法1.1 参数1.2 代码块的写法1.3 与变量解构结合使用2. 使用注意点2.1 箭头函数 this 指向上层作用域中的 this2.2 不能用作构造函数2.3 没有 arguments 对象3. 不适用场合4. 参考资料1. 基本用法1.1 参数1️⃣ 无参数情况var fun = () => 18;// 等同于var fun = function () { return 18; };2️⃣ 多个参数情况var fun = (num1, num2) =&g.原创 2021-09-14 11:56:25 · 236 阅读 · 0 评论 -
let 和 const 命令
文章目录1. let 和 const 命令共同点1.1 声明的全局变量,不属于顶层对象的属性1.2 声明的变量只在它所在的代码块有效1.3 不存在变量提升1.4 暂时性死区1.5 不允许重复声明2. const 命令2.1 声明的变量是只读的2.2 不允许更改的是变量保存的内存地址3 参考资料1. let 和 const 命令共同点let 和 const 命令异同点如下:1.1 声明的全局变量,不属于顶层对象的属性顶层对象,在浏览器环境中指的是 window 对象,在 Node 环境中指的是 .原创 2021-09-13 16:38:04 · 176 阅读 · 0 评论 -
ES6 函数的扩展
默认参数 传统函数设置默认参数的方法 function sum (num1, num2) { num1 = num1 || 10; // num1 默认值为10 num2 = num2 || 8; // num2 默认值为8 console.log(num1 + num2);}sum(10, 10); //20sum...原创 2020-02-05 00:31:48 · 397 阅读 · 0 评论 -
ES6 数组、对象的扩展
数组的扩展Array.from():将类数组对象或可迭代对象转化为数组。let allList = document.querySelectorAll('li');console.log(allList); //NodeList(4)[li, li, li, li]console.log(Array.isArray(allList)); ...原创 2020-02-04 23:20:39 · 310 阅读 · 0 评论 -
ES6 Symbol
ES6中对象的属性名可以有两种类型:1.字符串(容易造成属性名冲突) 2.Symbol类型(独一无二,不会冲突)Symbol概述:ES6 引入了一种新的原始数据类型 Symbol ,表示独一无二的值,最大的用法是用来定义对象的唯一属性名。 ES6 数据类型除了 Number 、 String 、 Boolean 、 Objec t、 null 和 undefined ,还新增了 Sy...原创 2020-02-04 17:55:45 · 102 阅读 · 0 评论 -
ES6 Map
Map特点: 类似于对象,本质上是键值对的集合 '键'不局限于字符串,各种类型的值都可以当做键 对象'字符串-值',Map'值-值'是一种更完美的Hash结构实现 Map 中的 Keykey 是字符串var map = new Map();var keyString = 'cez';map.set(keyString, 'String');c...原创 2020-02-04 16:53:21 · 119 阅读 · 0 评论 -
ES6 Set
Set特点:.类似于数组,没有重复的元素(唯一性) 开发中用于去除重复数据 key和value都是相等的 一个属性:size 四个方法: add:在末尾添加数据 delete:删除数据 has:判断目标数据是否存在 clear:清空集合数据 key 和 value 是相等的let set = new Set(['a',...原创 2020-02-03 15:51:16 · 211 阅读 · 0 评论