
ES6+
文章平均质量分 94
ES6+
weixin79893765432...
学而不思则罔,思而不学则殆。
展开
-
ES6 +
目录一、ES6(2015)二、ES7(2016)1、Array.prototype.includes()2、幂运算符**3、模板字符串扩展三、ES8(ES2017)1、async/await2、对象(1)、Object.values()(2)、Object.entries()(3)、Object.getOwnPropertyDescriptors()3、padStart() 和 padEnd()4、ShareArrayBuffer四、ES9(ES2018)1、for await…of2、模板字符串扩展3、正原创 2021-09-28 15:41:42 · 1053 阅读 · 0 评论 -
js ES6 引用类型的新特性
一、字符串的语法变动1、模板字符串(1)、一般的模板字符串模板字符串使用反引号`,可以在字符串中加入变量、表达式 和 函数——变量名写在 ${} 中,JavaScript 表达式 和 函数 放在 ${} 中。模板字符串可以用来定义:普通字符串 和多行字符串。let userName = "Mali";let str = `Hello,my name is ${Mali}`;console.log(str);// Hello,// my name is Mali(2..转载 2020-06-28 11:11:18 · 3353 阅读 · 0 评论 -
js ES6新特性
有阮老师的大作在线可阅,就不班门弄斧了。详情请戳:https://es6.ruanyifeng.com/#README原创 2020-06-25 10:24:28 · 610 阅读 · 1 评论 -
js 严格模式
ES6 的模块自动采用严格模式,不管你有没有在模块头部加上:"use strict"。严格模式主要有以下限制:变量必须声明后再使用; 函数的参数不能有同名属性,否则报错; 不能使用with语句; 不能对只读属性赋值,否则报错; 不能使用前缀0表示八进制数,否则报错; 不能删除不可删除的属性,否则报错; 不能删除变量delete prop,会报错,只能删除属性delete global[prop]; eval不会在它的外层作用域引入变量; eval和arguments不能被重新赋值;原创 2020-06-22 17:03:34 · 282 阅读 · 0 评论 -
Promise、Generator 和 async 踩坑记
目录1、Promise 两种容易混淆的用法2、try-catch 能不能抛出 promise 的异常?3、forEach 中使用 async 的踩坑1、Promise 两种容易混淆的用法在有回调函数的方法中import request from 'request';const getThirdData = async(url, requestData) => { return new Promise((resolve, reject) => { request.pos原创 2021-06-08 17:41:23 · 177 阅读 · 0 评论 -
ES6 import / export / export default
在 ES6 之前,实现模块化使用的是 CommonJS 和 AMD 两种。前者更适合用于服务器,后者更适合用于浏览器。RequireJS 就是 AMD 最流行的实现。ES6 实现了模块功能。ES6 的模块自动采用严格模式,不管你有没有在模块头部加上 "use strict";。详情请戳:https://blog.csdn.net/mChales_Liu/article/details/106905560ES6 的模块功能主要由两个命令构成:export 和 import。export 命令用于规原创 2021-05-17 15:24:17 · 713 阅读 · 1 评论 -
ES6 的 Class
目录一、类的语法1、类的特性2、Class 表达式3、取值函数(getter)和存值函数(setter)4、类中 this 的指向二、类的属性——name三、类的方法1、constructor 方法四、类的静态属性和静态方法1、类的静态属性2、类的静态方法五、类的私有属性和私有方法1、类的私有属性2、类的私有方法六、类的实例1、创建类的实例2、实例属性的新写法3、通过实例为类添加方法七、类的继承1、extends 关键字2、原创 2021-05-17 15:16:46 · 437 阅读 · 0 评论 -
js ES6 fetch 方法
一、fetch 概述fetch 是一种 HTTP 数据请求的方式,是 XMLHttpRequest 的一种替代方案。fetch 不是 ajax 的进一步封装,没有使用 XMLHttpRequest对象。fetch 是原生 JavaScript。fetch 与 ajax 的区别:fetch()返回的promise将不会拒绝http的错误状态,即使响应是一个HTTP 404或者500——当接收到一个代表错误的 HTTP 状态码时,从 fetch() 返回的 Promise 不会被标记为 reje原创 2020-07-19 14:23:41 · 11430 阅读 · 1 评论 -
js ES6 声明变量的方式
一、概述ES5 声明变量只有两种方式:var 和 function。ES6 声明变量的方式有 6 种:var function let const import class二、let 和 const1、二者异let 用来声明一个变量;而const 用来声明一个常量,一旦声明,常量的值就不能改变。其实,const 保证的并不是变量的值不得改动,而是变量指向的那个内存地址所保存的数据不得改动: 对于简单类型的数据(数值、字符串、布尔值),值就保存在变量指向的那个内存地址..原创 2020-07-15 08:13:32 · 582 阅读 · 0 评论 -
js ES6扩展运算符(spread)和剩余运算符(rest)
一、扩展运算符(...)1、扩展运算符概述①、扩展运算符内部使用for...of循环,可以将一个“可迭代对象”转为用空格分隔的参数序列。console.log(...'hello')// h e l l oconsole.log(...[1, 2, 3]);// 1 2 3console.log(...{0:"a", 1:"b", 2:"c"});// TypeError: Found non-callable @@iterator②、扩展运算符后面 可以放置表达式。var x原创 2020-07-15 08:09:43 · 4567 阅读 · 0 评论 -
js ES6之解构赋值
目录解构赋值1、数组的解构赋值(1)、基本的数组解构赋值(2)、 嵌套的数组解构赋值(3)、带默认值的数组解构赋值(4)、数组的剩余运算解构赋值(5)、Set 结构使用数组的解构赋值(6)、不完全的数组解构赋值(7)、失败的数组解构赋值2、对象的解构赋值(1)、基本的对象解构赋值(2)、嵌套对象解构赋值(3)、带默认值的对象解构赋值(4)、对象的剩余运算解构赋值(5)、不完全的对象解构赋值(6)、失败的对象解构赋值(7)、对象解构赋值独..原创 2020-07-15 08:06:18 · 1020 阅读 · 0 评论 -
js ES6 Iterator 遍历器与 for、for...of、for await...of、for...in 和 forEach 循环语句
一、IteratorIterator(遍历器)的概念默认 Iterator 接口调用 Iterator 接口的场合字符串的 Iterator 接口Iterator 接口与 Generator 函数遍历器对象的 return(),throw()二、for...of 循环...原创 2020-07-07 19:26:59 · 3038 阅读 · 0 评论 -
js ES6 异步处理之 Promise 函数、Generator 函数 与 async 函数
一、Generator 函数1、Generator 函数的语法简介next 方法的参数for...of 循环Generator.prototype.throw()Generator.prototype.return()next()、throw()、return() 的共同点yield* 表达式作为对象属性的 Generator 函数Generator 函数的this含义应用2、Generator 函数的异步应用二、async 函数含义基本用法语法as..原创 2020-07-07 19:25:42 · 923 阅读 · 1 评论 -
js ES6 Proxy 构造函数与 Reflect 对象
一、Proxy对象1、Proxy对象的概述Proxy 用于修改某些操作的默认行为,等同于在语言层面做出修改,所以属于一种“元编程”(meta programming),即对编程语言进行编程。Proxy 是一个代理器。可以理解成,在目标对象之前架设一层“拦截”,外界对该对象的访问,都必须先通过这层拦截,因此提供了一种机制,可以对外界的访问进行过滤和改写。(1)、用 Proxy 构造函数创建一个实例ES6 原生提供 Proxy 构造函数,用来生成 Proxy 实例。生成 Proxy 实例..原创 2020-07-05 18:35:55 · 1055 阅读 · 0 评论 -
js ES6 之 Set 构造函数和 Map 构造函数
目录一、Set 数据结构1、Set函数的语法2、Set 实例的属性3、Set 实例的方法(1)、操作方法有 4 个(2)、遍历方法有 4 个4、Set 对象的应用(1)、去重(2)、并集(3)、交集(4)、差集5、WeakSet 结构二、Map 数据结构1、Map 的语法2、Map实例的属性3、Map实例的方法(1)、操作方法(2)、遍历方法4、Map 对象的应用5、Map与其他数据结构的互相转换6、WeakMap结...原创 2020-07-04 22:03:41 · 1102 阅读 · 0 评论 -
js ES2020定义了 BigInt 构造函数
目录一、BigInt 数据类型1、BigInt 数据类型的用处2、BigInt 数据类型的特性二、BigInt 对象(实例)1、创建一个BigInt 对象2、BigInt 实例的方法(1)、BigInt 对象继承了 Object 对象的两个实例方法(2)、BigInt 对象继承了 Number 对象的一个实例方法(3)、BigInt 实例提供了三个静态方法三、BigInt 数据类型的子类型——BigUint64Array 和 BigInt64Array四、Dat.原创 2020-06-29 13:29:47 · 1117 阅读 · 0 评论 -
js ES6 中新增的 Symbol 原始数据类型
前言ES6 的原始数据类型除了 Number 、String 、Boolean 、Object、null 和 undefined 外,还新增了 Symbol 类型。Symbol 原始数据类型表示独一无二的值,用来定义对象的唯一属性名。1、创建一个 Symbol 类型的值——Symbol() 函数Symbol() 函数用来创建一个 Symbol 类型的值。该函数可以接受一个参数:(可选的)一个字符串。该参数表示对 Symbol 实例的描述,主要是为了在控制台显示,或者转为字符串时,比较容易区.原创 2020-06-27 19:56:35 · 296 阅读 · 0 评论 -
JavaScript 与 ES5 与 ES6 与 Node.js 之间的关系
参考自:https://es6.ruanyifeng.com/#docs/introJavaScript 由Netscape 公司创造,1996 年 11 月,决定将 JavaScript 提交给标准化组织 ECMA,希望这种语言能够成为国际标准。之后,由ECMA发布的JavaScript就叫做ECMAScript了,简称ES。1、ECMAScript 和 JavaScript 的关系ECMAScript 和 JavaScript 的关系是,前者是后者的规格,后者是前者的一种实现。2、ES.原创 2020-06-24 23:17:05 · 1002 阅读 · 0 评论 -
ES6 require和import的区别
require是赋值过程,其实require的结果就是对象、数字、字符串、函数等,再把require的结果赋值给某个变量 import是解构过程,但是目前所有的引擎都还没有实现import,我们在node中使用babel支持ES6,也仅仅是将ES6转码为ES5再执行,import语法会被转码为require详情,请戳:https://www.cnblogs.com/ranyonsue/p/10...转载 2019-10-10 18:25:05 · 1141 阅读 · 0 评论