ES11

1. String.prototype.matchAll

返回一个蕴含所有匹配正则表达式及分组捕捉后果的迭代器。

var regexp = /t(e)(st(\d?))/gvar str = 'test1test2'str.match(regexp)  //  ['test1', 'test2']str.matchAll(regexp)  //  RegExpStringIterator {}[...str.matchAll(regexp)]  //  [ ['test1', 'e', 'st1', '1', index: 0, input: 'test1test2', length: 4], ['test2', 'e', 'st2', '2', index: 5, input: 'test1test2', length: 4] ]

2.动静 import()

const modelpath = '/model1'import(`@/pages${modelpath}`).then(module => {}).catch(err => {})

3.import.meta

import.meta 会返回一个对象，拜访模块的相干 meta 信息,只能在模块外部应用。

4.export * as XX from 'module' 和 import * as XX from 'module'

5.Promise.allSettled()

Promise.allSettled 办法办法接管一组 Promise，并且会返回所有的后果,而不论是 resolved 还是 rejected

6.BigInt

示意任意大的整数
定义一个BigInt：如：10n，或者调用函数 BigInt()。

7. globalThis

Browser：顶层对象是window
Node：顶层对象是global
WebWorker：顶层对象是self
以上三者：通用顶层对象是globalThis

8.可选链操作符（?.）

 let obj = null; console.log(obj?.cc);  //   undefined console.log(obj.cc);   //   Cannot read property 'cc' of null

9. 空值合并(??)

空值：undefined , null当左侧的操作数为 null 或者 undefined 时，返回其右侧操作数，否则返回左侧操作数。与逻辑或操作符（||）不同，逻辑或操作符会在左侧操作数为假值时返回右侧操作数。eg:undefined ?? 'cc'  // 输入ccnull ?? 'cc'       //输入ccfalse ?? 'cc'      //输入 falseNaN ?? 'cc'        //输入NaN比照：false || "cc"      //输入ccNaN || 'cc'        //输入cc

ES12

1.String.prototype.replaceAll

replaceAll 返回一个全新的字符串，所有合乎匹配规定的字符都将被替换掉，替换规定能够是字符串或者正则表达式

留神，replaceAll 在应用正则表达式的时候，如果非全局匹配（/g），则 replaceAll() 会抛出异样

2.Promise.any

当 Promise 列表中的任意一个 promise 胜利 resolve 则返回第一个 resolve 的后果状态，如果可迭代对象中没有一个promise胜利，才会返回一个失败的promise和AggregateError类型的实例，他是Error的一个子类，用于把繁多的谬误汇合在一起。
Promise.race 一旦某个 promise 触发了 resolve 或者 reject，就间接返回了该状态后果，并不在乎其胜利或者失败。

Promise.all 一个失败，就是失败，有胜利也是失败
Promise.any一个胜利，就是胜利，有失败也是胜利
Promise.race谁快算谁的，不论胜利或者失败，第一个后果就是最终后果

3.新的内置对象WeakRef

当咱们通过（const、let、var）创立一个变量时，垃圾收集器 GC 将永远不会从内存中删除该变量，只有它的援用依然存在可拜访。WeakRef 对象蕴含对对象的弱援用。对对象的弱援用是不会阻止垃圾收集器 GC 复原该对象的援用，则 GC 能够在任何时候删除它。
WeakRefs 在很多状况下都很有用，比方应用 Map 对象来实现具备很多须要大量内存的键值缓存，在这种状况下最不便的就是尽快开释键值对占用的内存。
目前，能够通过 WeakMap() 或者 WeakSet() 来应用 WeakRefs。

4.逻辑运算符与赋值表达式

表达式 a op= b 等同于 a = a op (a = b)let a;let b="cc";a||=b;  //a=a||b; a&&=b;  // a=a&&b; a??=b;  //a=a??b ;

5.数字分隔符号

以下划线(_）任意个数宰割