乐趣区

关于javascript:ES11ES12-新特性

ES11

1. String.prototype.matchAll

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

var regexp = /t(e)(st(\d?))/g
var 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'  // 输入 cc
null ?? 'cc'       // 输入 cc

false ?? 'cc'      // 输入 false
NaN ?? 'cc'        // 输入 NaN

比照:false || "cc"      // 输入 cc
NaN || '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. 数字分隔符号

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

退出移动版