![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ES6
文章平均质量分 77
爱代码的小海
这个作者很懒,什么都没留下…
展开
-
ES6-import和export
ES6模块化的概述export命令export导出变量的两种形式export导出时使用 as 关键字重命名export导出的注意点export default命令import命令import + export 导出变量import + export default 导出变量import导入变量的注意点export与import的复合写法ES6模块化的概述模块功能主要由两个命令构成:export和import。export命令用于规定模块的对外接口,import命令..原创 2021-09-26 23:05:38 · 2749 阅读 · 1 评论 -
ES6-Class类的继承
ES5实现类的继承Class类实现继承constructor和super函数Class类静态方法的继承Object.getPrototypeOf()super关键字super函数调用Super对象使用类的prototype属性和__proto__属性ES5实现类的继承实质是先创造子类的实例对象this,然后再将父类的方法添加到this上面,Parent.apply(this)。function Phone(brand, price) { this.brand..原创 2021-09-22 23:22:08 · 168 阅读 · 0 评论 -
ES6-Class类的基本语法
Class类的简介使用Class类的注意点setter和getter函数静态方法new.target属性Class类的简介ES6引入了Class(类)这个概念,作为对象的模板。通过class关键字,可以定义类。可以当做一个语法糖,绝大多数功能,ES5都可以做到。ES5通过构造函数生成示例对象function Phone (brand, price) { this.brand = brand; this.price = price;}Phone.prototy..原创 2021-09-21 16:48:26 · 194 阅读 · 0 评论 -
ES6-Set和Map数据结构
Set数据结构Set实例的属性和方法属性方法Set结构的遍历操作keys() values() entries()forEach()遍历的应用遍历修改数据源Map数据结构Map结构赋值的一些注意点Map的实例属性和操作方法Map结构的遍历操作Map结构与其他数据结构的转换Set和Map的区别Set数据结构Set是ES6提供的一种新的数据结构,类似于数组,但是成员值都是唯一的,没有重复值;Set本身就是一个构造函数,用来生成Set数据结构//..原创 2021-09-15 23:45:54 · 209 阅读 · 0 评论 -
ES6-Promise及源码实现
开头说明promise实例化对象的属性值 [promiseState]promise实例化对象的属性值 [promiseResult]promise的APIPromise的构造函数 [Promise(executor){}]Promise.prototype.then方法 [(onResolved, onRejected){}]Promise.prototype.catch方法 [(onRejected){}]Promise.resolve方法 属于Promise函数对象 [(value..原创 2021-09-13 00:32:24 · 362 阅读 · 0 评论 -
ES6-Generator与异步应用
Generator函数简介基本概念语法上理解定义形式上理解基本示例Generator和iterator的关联yield语句yield语句使用的注意事项yield语句和return语句的比较yield* 语句yield* + 无return的Generator函数yield* + 有return的Generator函数yield* + array/string/Set/Map/nodeList/argumentsnext方法next方法的运行逻辑next方..原创 2021-09-13 00:20:07 · 131 阅读 · 0 评论 -
ES6-iterator和for...of循环
iterator的基本介绍概念作用遍历器对象的属性遍历过程原生用于iterator接口的数据默认调用iterator接口的场合基础示例自定义部署iterator接口普通对象类数组对象类部署iterator接口的实例遍历器实现指针结构for…in和for…offor…in循环的几个缺点for…of循环的几个优点iterator的基本介绍概念iterator(遍历器) 是一种接口,为不同的数据结构提供统一的访问机制。任何数据结构只要部署了itera..原创 2021-09-11 16:37:37 · 171 阅读 · 0 评论 -
ES6-数组扩展
1. Array.from()参数分析操作对象类数组对象可迭代对象2. Array.of()3. copyWithin()4. find() 和 findIndex()5. fill()6. for … of循环7. includes()8. 数组合并的几种方式for循环 + pushconcat()push.apply()push + …(拓展运算符)…(拓展运算符)1. Array.from()将一个类似数组或可迭代对象创建一个新的,浅拷贝..原创 2021-09-05 15:34:25 · 288 阅读 · 0 评论 -
ES6-Symbol类型
Symbol类型特点创建Symbol类型的变量Symbol类型的运算和对比创建Symnol类型的对象属性获取对象属性的几种方式Symbol类型特点Symbol的值是唯一的,用来解决命名冲突的问题Symbol值不能与其他数据进行运算Symbol定义的对象属性不能使用for...in 循环遍历,但是可以使用Reflect.ownKeys来获取对象的所有键名创建Symbol类型的变量通过new Symbol()来创建// 创建Symbollet s = Symbol()c..原创 2021-09-04 23:37:08 · 110 阅读 · 0 评论 -
ES6-对象拓展
1: 同名赋值(简洁表达式)2: 属性名表达式注意点3. Object.is() 同值相等实现原理4. Object.assign()基本实例同名属性的合并合并引用类型的变量JQuery的extend方法5. Object.keys Object.values Object.entries6. __proto__7. …(拓展运算符和rest运算符)拓展运算符rest运算符8. Object.getOwnPropertyDescriptor()..原创 2021-09-03 16:30:33 · 148 阅读 · 0 评论 -
ES6-函数拓展
1. rest操作符和拓展运算符rest操作符…拓展运算符用途2. 解构赋值和默认赋值解构赋值默认赋值解构赋值和默认赋值配合使用3. 箭头函数示例定义使用方法注意事项1. rest操作符和拓展运算符rest操作符ES6引入 rest参数, 代替arguments变量, 用于获取函数的实参// ES5获取函数实参的方法function add() { // 类数组 console.log(arguments)}add(1..原创 2021-08-29 16:25:51 · 151 阅读 · 0 评论 -
ES6-模板字符串(标签模板-XSS攻击)
1. 模板字符串保存字符串中的格式使用变量/常量或者表达式/方法2. 标签模板 函数调用的特殊形式使用形式过滤HTML字符串 防XSS攻击1. 模板字符串ES6中引入的新的声明字符串的方式 xxxxx ES5声明字符串的方式 '' 和 ""保存字符串中的格式可以在内容中出现换行符var str = ` <div>1</div> <div>2</div> <p>3</p&..原创 2021-04-11 22:58:06 · 405 阅读 · 0 评论 -
ES6-解构赋值
1.数组的解构赋值定义形式解析结果默认赋值2.对象的解构赋值解析形式注意点嵌套解构赋值默认赋值3.字符串的解构赋值4.数值和布尔值的解构赋值5.undefined 和 null6.解构赋值的作用交换变量接收函数返回的多个函数值函数参数的定义提取json数据1.数组的解构赋值定义ES6允许按照一定的模式,将属性/值从对象/数组中取出,赋值给其他变量形式数组的解构赋值是根据顺序来的 有序的var [a,b,c] = [1,2,3] ..原创 2021-04-03 18:52:11 · 160 阅读 · 0 评论