![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ES6笔记
文章平均质量分 74
JavaScript语言ES6-ES11的新特性
MarxistVive
这个作者很懒,什么都没留下…
展开
-
ES11新特性01-ES11新特性
ES11新特性01-ES11新特性文章目录ES11新特性01-ES11新特性一、私有属性二、Promise.allSettled方法三、String.prototype.matchAll四、可选链操作符五、动态import六、BigInt类型七、globalThis一、私有属性可以在类内部写方法,然后通过外部调用方法来访问私有属性,直接访问是不行的<!DOCTYPE html><html lang="en"><head> <meta charse原创 2022-05-25 15:00:06 · 556 阅读 · 0 评论 -
ES10新特性01-ES10新特性
ES10新特性01-ES10新特性文章目录ES10新特性01-ES10新特性一、Object.fromEntries二、字符串的扩展方法-trimStart 与 trimEnd三、数组方法扩展-Array.prototype.flat与flatMap四、Symbol.prototype.description一、Object.fromEntries将对象转换为二维数组,Object.entries是将二维数组转换为对象<!DOCTYPE html><html lang="en"&原创 2022-05-25 14:59:24 · 139 阅读 · 0 评论 -
ES9新特性01-ES9新特性
ES9新特性01-ES9新特性文章目录ES9新特性01-ES9新特性一、扩展运算符与rest参数二、正则扩展-命名捕获分组三、正则扩展-反向断言四、正则扩展-dotAll模式一、扩展运算符与rest参数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, in原创 2022-05-25 14:58:32 · 267 阅读 · 0 评论 -
ES8新特性01-ES8新特性
ES8新特性01-ES8新特性文章目录ES8新特性01-ES8新特性一、async函数二、await表达式三、async和await结合读取文件四、async和await结合发送AJAX请求五、对象方法扩展一、async函数async函数的返回值为 promise对象,promise对象的结果由 async函数执行的返回值决定<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8原创 2022-05-25 14:58:42 · 112 阅读 · 0 评论 -
ES7新特性01-ES7新特性
ES7新特性01-ES7新特性文章目录ES7新特性01-ES7新特性includes**(幂运算)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>ES7 新特性</原创 2022-05-24 16:37:02 · 109 阅读 · 0 评论 -
ES6新特性19-模块化
ES6新特性19-模块化文章目录ES6新特性19-模块化一、模块化的介绍、优势、产品二、浏览器使用ES6模块化引入模块2.1 分别暴露2.2 统一暴露2.3 默认暴露三、ES6引入模块语法汇总四、浏览器使用ES6模块化方式二五、使用babel对ES6模块化代码进行转换六、ES6模块化引入NPM包一、模块化的介绍、优势、产品模块化的优势有以下几点:防止命名冲突代码复用高维护性ES6之前的模块化规范有CommonJS => NodeJS、 BrowserifyAMD => r原创 2022-05-24 16:36:33 · 171 阅读 · 0 评论 -
ES6新特性18-对象方法扩展
ES6新特性18-对象方法扩展文章目录ES6新特性18-对象方法扩展<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>对象方法扩展</title></head&原创 2022-05-24 16:36:04 · 88 阅读 · 0 评论 -
ES6新特性17-数值扩展
ES6新特性17-数值扩展文章目录ES6新特性17-数值扩展1.二进制和八进制ES6 提供了二进制和八进制数值的新的写法,分别用前缀 0b和 0o表示。2.Number.isFinite() 与 Number.isNaN()Number.isFinite() 用来检查一个数值是否为有限的Number.isNaN() 用来检查一个值是否为 NaN3.Number.parseInt() 与 Number.parseFloat()ES6 将全局方法 parseInt和 parseFloat,移植到原创 2022-05-24 16:35:21 · 133 阅读 · 0 评论 -
ES6新特性16-Class
ES6新特性16-Class文章目录ES6新特性16-Class一、Class介绍和初体验二、class静态成员三、构造函数继承四、子类对父类方法的重写五、get和set一、Class介绍和初体验ES6 提供了更接近传统语言的写法,引入了 Class(类)这个概念,作为对象的模板。通过 class关键字,可以定义类。基本上, ES6 的class可以看作只是一个语法糖,它的绝大部分功能, ES5 都可以做到,新的 class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。知识点:原创 2022-05-24 16:34:38 · 177 阅读 · 0 评论 -
ES6新特性15-Map
ES6新特性15-Map文章目录ES6新特性15-Map一、Map的介绍与API一、Map的介绍与APIES6 提供了 Map 数据结构。它类似于对象,也是键值对的集合。 但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。 Map也实现了iterator接口,所以可以使用『扩展运算符』和『 for…of…』进行遍历。 Map的属性和方法:size 返回 Map的元素个数set 增加一个新元素,返回当前 Mapget 返回键名对象的键值has 检测 Map中是否包含某个元素原创 2022-05-24 16:34:06 · 209 阅读 · 0 评论 -
ES6新特性14-集合Set
ES6新特性14-集合Set文章目录ES6新特性14-集合Set一、集合介绍与API二、集合实践一、集合介绍与APIES6 提供了新的数据结构 Set(集合 。它类似于数组,但成员的值都是唯一的 ,集合实现了 iterator接口,所以可以使用『扩展运算符』和『 for…of…』进行遍历,集合的属性和方法:size 返回集合的元素个数add 增加一个新元素,返回当前集合delete 删除元素,返回 boolean 值has 检测集合中是否包含某个元素,返回 boolean值clear 清空原创 2022-05-24 16:33:29 · 93 阅读 · 0 评论 -
ES6新特性13-Promise
ES6新特性13-Promise文章目录ES6新特性13-Promise一、Promise的介绍和基本使用二、Promise封装读取文件三、Promise封装AJAX请求四、Promise的then方法五、Promise读取多个文件六、promise的catch的方法一、Promise的介绍和基本使用构造promise对象时里面传入一个包含两个参数的函数,一般约定参数名为resolve和reject,他们是两个函数。在函数内部编写处理数据的流程,当数据处理成功时可以调用resolve函数,此时Prom原创 2022-05-24 16:32:57 · 194 阅读 · 0 评论 -
ES6新特性12-生成器函数
ES6新特性12-生成器函数文章目录ES6新特性12-生成器函数一、生成器函数介绍二、生成器函数的参数传递三、生成器函数实例3.1 回调地狱3.2 获取三个顺序关联的数据一、生成器函数介绍仔细看代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, init原创 2022-05-24 16:32:22 · 141 阅读 · 0 评论 -
ES6新特性11-迭代器
ES6新特性11-迭代器文章目录ES6新特性11-迭代器一、迭代器介绍二、迭代器的应用一、迭代器介绍遍历器(Iterator)就是一种机制。它是一种接口,为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署 Iterator 接口,就可以完成遍历操作 。注意这里说的接口实际上就是对象的方法。ES6创造了一种新的遍历命令 for…of循环, Iterator接口主要供 for…of消费原生具备 iterator接口的数据 (可用 for of遍历 )ArrayArgumentsS原创 2022-05-24 16:31:52 · 153 阅读 · 0 评论 -
ES6新特性10-Symbol
ES6新特性10-Symbol文章目录ES6新特性10-Symbol一、介绍二、Symbol 创建对象属性三、Symbol的内置属性一、介绍symbol用来给对象加入独一无二的方法,当不知道对象具体方法内容时,为了避免重名可以使用symbol。他是一个动态值,不是一个固定的东西<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="vi原创 2022-05-24 16:31:22 · 144 阅读 · 0 评论 -
ES6新特性09-扩展运算符
ES6新特性09-扩展运算符文章目录ES6新特性09-扩展运算符一、扩展运算符介绍二、扩展运算符应用一、扩展运算符介绍『…』 扩展运算符能将『数组』转换为逗号分隔的『参数序列』<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1原创 2022-05-24 16:30:35 · 122 阅读 · 0 评论 -
ES6新特性08-rest参数
ES6新特性08-rest参数文章目录ES6新特性08-rest参数ES6 引入 rest 参数,用于获取函数的实参,用来代替 argumentsrest 参数必须要放到参数最后<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=原创 2022-05-24 16:30:01 · 75 阅读 · 0 评论 -
ES6新特性07-函数参数默认值
ES6新特性07-函数参数默认值文章目录ES6新特性07-函数参数默认值ES6 允许给函数参数赋值初始值形参初始值 具有默认值的参数, 一般位置要靠后(潜规则)与解构赋值结合<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale原创 2022-05-24 16:29:07 · 150 阅读 · 0 评论 -
ES6新特性06-箭头函数及声明特点
ES6新特性06-箭头函数及声明特点文章目录ES6新特性06-箭头函数及声明特点一、箭头函数的演示二、箭头函数的应用场景一、箭头函数的演示ES6 允许使用「箭头」(=>)定义函数。箭头函数的特点:this 是静态的. this 始终指向函数声明时所在作用域下的 this 的值不能作为构造实例化对象不能使用 arguments 变量箭头函数的简写规则: 4.1 省略小括号, 当形参有且只有一个的时候 4.2 省略花括号, 当代码体只有一条语句的时候, 此时 return原创 2022-05-24 16:28:16 · 173 阅读 · 0 评论 -
ES6新特性05-对象简化写法
ES6新特性05-对象简化写法文章目录ES6新特性05-对象简化写法ES6 允许在大括号里面,直接写入变量和函数,作为对象的属性和方法。这样的书写更加简洁<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2022-05-24 16:27:46 · 128 阅读 · 0 评论 -
ES6新特性04-模板字符串
ES6新特性04-模板字符串文章目录ES6新特性04-模板字符串ES6 引入新的声明字符串的方式 『``』 ‘’ “”声明内容中可以直接出现换行符变量拼接<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2022-05-24 16:26:51 · 111 阅读 · 0 评论 -
ES6新特性03-变量的解构赋值
ES6新特性03-变量的解构赋值文章目录ES6新特性03-变量的解构赋值ES6 允许按照一定模式从数组和对象中提取值,对变量进行赋值,这被称为解构赋值。数组的结构对象的解构<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=原创 2022-05-24 16:26:14 · 100 阅读 · 0 评论 -
ES6新特性02-const关键字
ES6新特性02-const关键字文章目录ES6新特性02-const关键字一、const关键字的使用一、const关键字的使用一定要赋初始值一般常量使用大写(潜规则)常量的值不能修改块儿级作用域对于数组和对象的元素修改, 不算做对常量的修改, 不会报错<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"原创 2022-05-24 16:25:24 · 154 阅读 · 0 评论 -
ES6新特性01-let关键字
ES6新特性01-let关键字文章目录ES6新特性01-let关键字一、let关键字二、let实践案例一、let关键字变量不能重复声明块儿级作用域 全局, 函数, eval不存在变量提升不影响作用域链<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt原创 2022-05-24 16:22:52 · 118 阅读 · 0 评论