关于javascript:ES2015ES2021-新特性

4次阅读

共计 1747 个字符,预计需要花费 5 分钟才能阅读完成。

前言

ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代规范,在 2015 年 6 月正式公布。

ES6 泛指 5.1 版当前的 JavaScript 的下一代规范,涵盖了 ES2015、ES2016、ES2017 等。

JS 规范在每年的 6 月份正式公布一次,作为当年的正式版本。

ES2015

node 反对:node v6.17.1 以上反对 99%。

  1. ES6 的第一个版本。

ES2016

node 反对:node v7.5.0 以上反对 100%。

  1. 新增规定只有函数参数应用了默认值、解构赋值、或者扩大运算符,那么函数外部就不能显式设定为严格模式,否则会报错。
  2. 新增了数组实例的 includes 办法和指数运算符。

ES2017

node 反对:node v9.11.2 以上反对 100%。

  1. Object.getOwnPropertyDescriptors() 返回指定对象所有本身属性(非继承属性)的形容对象。
  2. Object.valuesObject.entriesfor...of 循环应用。
  3. padStart() 用于头部补全,padEnd() 用于尾部补全。
  4. 引入了 async 函数。
  5. 容许函数的最初一个参数有尾逗号。
  6. 引入 SharedArrayBuffer,容许 Worker 线程与主线程共享同一块内存。

ES2018

node 反对:node v12.4.0 以上反对 100%。

  1. 正则:引入 s 修饰符,使得. 能够匹配任意单个字符,后行断言。
  2. 引入了“异步遍历器”(Async Iterator),为异步操作提供原生的遍历器接口。
  3. 模板字符串:遇到不非法的字符串本义,就返回 undefined,而不是报错。
  4. 对象引入扩大运算符。
  5. Promise.finally() 不论 Promise 对象最初状态如何,都会执行的操作。

ES2019

node 反对:node v12.4.0 以上反对 100%。

  1. 新增 trimStart()trimEnd()
  2. toString() 返回函数代码自身,以前会省略正文和空格,当初明确要求返回截然不同的原始代码。
  3. 容许 catch 语句省略参数。
  4. Array.prototype.sort() 的默认排序算法必须稳固。
  5. Symbol 提供了一个实例属性 description,间接返回 Symbol 的形容。

ES2020

node 反对:node v14.5.0 以上反对 100%。

  1. import() 动静异步加载。
  2. globalThis 买通所有环境。
  3. String.prototype.matchAll() 能够一次性取出所有匹配。不过,它返回的是一个遍历器(Iterator),而不是数组。
  4. BigInt 大整数计算放弃精度,无位数限度 BigInt('123') 123n typeof 123n === 'bigint'
  5. Promise.allSettled() 只有等到所有这些参数实例都返回后果,不论是 fulfilled 还是 rejected,包装实例才会完结。
  6. 链判断运算符 ?.
    间接在链式调用的时候判断,左侧的对象是否为 null 或 undefined,如果是,就不再往下运算,而是返回 undefined

    可用
        obj?.prop // 对象属性
        obj?.[expr] // 同上
        func?.(...args) // 函数或对象办法的调用
    不可用,报错
        // 构造函数
        new a?.()
        new a?.b()

        // 链判断运算符的右侧有模板字符串
        a?.`{b}`
        a?.b`{c}`

        // 链判断运算符的左侧是 super
        super?.()
        super?.foo

        // 链运算符用于赋值运算符左侧
        a?.b = c

        右侧不得为十进制数值 
  1. Null 判断运算符 ??
    只有运算符左侧的值为 null 或 undefined 时,才会返回右侧的值
    let num = person.n ?? 100
    ?? 和 && || 同时用必须用括号表明优先级否则会报错
    && 和 || 的优先级孰高孰低,如果多个逻辑运算符一起应用,必须用括号表明优先级,否则会报错 

ES2021

  1. Promise.any() 只有参数实例有一个变成 fulfilled 状态,包装实例就会变成 fulfilled 状态;如果所有参数实例都变成 rejected 状态,包装实例就会变成 rejected 状态。
  2. replaceAll() 一次性替换所有匹配 'aabbcc'.replaceAll('b', '_') // 'aa__cc'

参考文档

github 地址

正文完
 0