乐趣区

关于javascript:ES2015ES2021-新特性

jiezi

前言

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.values 和 Object.entries 供 for...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 地址

退出移动版