![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ECMAScript 6
系统的 ES6 笔记!!!
lybinWeb
这个作者很懒,什么都没留下…
展开
-
【深入理解ECMAScript 6】 迭代器与生成器(Symbol、迭代器、for···of、forEach、生成器)
ES6 迭代器与生成器文章目录ES6 迭代器与生成器一、Symbol1、Symbol是什么注意事项2、Symbol的方法3、Symbol与for···in二、迭代器1、迭代器是什么2、Iterator接口IteraotrjavaScript原生具有Iterator接口的数据结构 如下:··三、迭代协议1、可迭代协议2、迭代器协议四、`for···of`语句1、遍历数组2、遍历Set集合3、遍历Map集合4、遍历String5、不可遍历对象五、`forEach()`方法1、与for···of语句的区别:2、原创 2020-10-29 14:11:23 · 1092 阅读 · 0 评论 -
【深入理解ECMAScript 6】 Promise对象(async、await方法的使用)
ES6 Promise对象、async、await深入学习文章目录ES6 Promise对象、async、await深入学习一、Promise对象1、Promise对象是什么2、创建Promise对象3、Promise对象的约定4、Promise对象的链式操作二、Promise对象原型的方法1、`then()`2、`catch()`3、`finally()`三、Promise对象的方法1、`Promise.all()`2、`Promise.race()`四、Promise执行流程图五、`async`函数1原创 2020-10-29 14:07:18 · 1139 阅读 · 0 评论 -
【深入理解ECMAScript 6】 Class关键字的使用(类的声明、静态方法、类的继承)
ES6 Class关键字文章目录ES6 Class关键字一、类的声明1、类的声明方式:2、类的表达式方式:构造函数创建类二、静态方法1、getter与setterES5:ES6:2、`static`静态方法ES6:ES5实现同样的功能:3、静态方法的内部调用三、类的继承1、继承2、继承于内置对象3、super关键字当作为函数调用当作为对象时4、完整类实例代码ECMAScript 6提供了更接近传统开发语言的写法,引入了类( Class )的概念。类作为对象的模板,只是一个语法糖。class 关键字只原创 2020-10-29 08:22:24 · 1406 阅读 · 0 评论 -
【深入理解ECMAScript 6】 键值对集合(Set集合、WeakSet集合、Map集合、WeakMap集合)
ES6 键值对集合文章目录ES6 键值对集合一、Set集合1、什么是Set集合2、Set集合的属性方法3、创建Set集合4、遍历Set集合方法`values()方法``keys()方法``entries()方法``forEach()方法`5、Set集合与Array对比二、WeakSet集合1、WeakSet集合是什么三、Map集合1、属性2、方法`set(key,value)``get(key)``delete(key)``has(key)``clear()`3、遍历四、Map与Object对比Objec原创 2020-10-29 08:19:16 · 1073 阅读 · 0 评论 -
【深入理解ECMAScript 6】 对象的扩展(属性表示法、Object方法、super关键字、对象的扩展运算符)
ES6 对象的扩展文章目录ES6 对象的扩展一、属性表示法1、ES52、ES6二、Object的方法1、Object.is()ES5ES62、Object.assign()三、super关键字四、对象的扩展运算符一、属性表示法1、ES5let name = '张无忌'function sayMe() { console.log('this is 张无忌');}// ES5 定义对象属性方法 的方式var obj = { name: name, //第二个name表示变量名原创 2020-10-28 14:41:16 · 1105 阅读 · 0 评论 -
【深入理解ECMAScript 6】 函数的扩展(函数参数、rest参数、箭头函数)
ES6 函数扩展文章目录ES6 函数扩展一、函数参数的默认值1、ES52、ES63、函数参数的作用域分析图二、rest参数三、箭头函数1、ES5声明函数方式2、ES6箭头函数3、箭头函数的this4、箭头函数语法结构基本语法结构高级语法结构注意事项5、函数的尾调用一、函数参数的默认值1、ES5/*ES5中不允许为函数的形参设置其默认值 定义形参,而不传递实参时,形参的默认值为undefined 人为解决形参:arg || 0*/function fn(arg) { c原创 2020-10-28 14:32:48 · 1223 阅读 · 0 评论 -
【深入理解ECMAScript 6】 数组扩展(扩展运算符...、Array跟Array对象提供的方法)
ECMAScript6 数组的扩展标题ECMAScript6 数组的扩展一、扩展运算符1、扩展运算符2、替代apply方法3、复制数组深复制:浅复制:4、扩展运算符的应用复制数组合并数组与解构赋值结合将字符串转换为数组与对象的使用二、Array提供的方法1、from()2、of()三、Array对象的方法1、copyWithin()2、find()3、findIndex()4、fill()一、扩展运算符1、扩展运算符扩展运算符:(…) 允许一个表达式在原地展开当需要多个参数,比如函数调用,或者多原创 2020-10-28 08:07:52 · 1034 阅读 · 0 评论 -
【深入理解ECMAScript 6】 字符串扩展(字符串是否包含、重复字符串、模板字符串)
ECMAScript6 字符串扩展目录ECMAScript6 字符串扩展一、字符串判断是否包含ES5ES6includes()startsWith()endsWith()二、重复字符串repeat()三、模板字符串1、什么是模板字符串2、原始字符串3、页面模板分析图一、字符串判断是否包含ES5/*ES5 提供的判断是否包含的方法string.indexOf(searchStr)方法 作用:返回指定字符串包含的指定子字符串的索引值 结果: 包含:返回第一个匹配的索引原创 2020-10-27 21:02:57 · 1299 阅读 · 0 评论 -
【深入理解ECMAScript 6】 解耦赋值(变量跟对象的解构赋值)
ECMAScript6 解耦赋值目录ECMAScript6 解耦赋值一、变量的解耦赋值1、解耦赋值是什么2、解耦赋值失败解耦赋值失败不等于失败3、不完全解耦赋值4、默认值二、对象的解耦赋值1、对象的解耦赋值分类案例2、字符串的解耦赋值3、数值与布尔值的解耦赋值数字值:布尔值:4、函数参数的解耦赋值5、小括号的问题6、解耦赋值的用途交换变量的值从函数返回多个值函数参数的定义提取JSON数据一、变量的解耦赋值1、解耦赋值是什么ECMAScript 6允许按照一定模式从数组或对象中提取值,对变量进行赋值。原创 2020-10-27 08:09:02 · 1320 阅读 · 0 评论 -
【深入理解ECMAScript 6】 块级作用域(详细~)
ECMAScript 6的概念与块级作用域一、ES6的概念以及运行环境1、与JavaScript的关系1996年11月,、JavaScript 的创造者Netscape公司,决定将、JavaScript提交给标准化组织ECMA,希望这种语言能够成为国际标准。次年,ECMIA发布262号标准文件( ECMA- 262 )的第一版,规定了浏览器脚本语言的标准,并将这种语言称为ECMAScript,这个版本就是1.0版。该标准之所以不叫、JavaScript有两个原因,一 是 JavaScript被原创 2020-10-26 17:10:43 · 1427 阅读 · 0 评论