ES2021 中对 Javascript 的新增和改进
ES2021
中对 Javascript
的新增和改进
1、 replaceAll
– 全部替换
js
默认的 replace
方法仅替换字符串中一个模式的第一个实例,要全局替换,你需要自己写正则,因此 ES2021
带来了全新的 replaceAll
方法。
"Hello".replaceAll("l", "L"); // ‘HeLLo‘
2、Promise.any
Promise 的短路返回
1. 这是 Promise
全局对象的静态方法,可以放 Promise
数组,只要有一个 Promise
完成解析,就短路返回一个值。如果所有的 promise
都被拒绝,那么它将抛出一个汇总错误消息)。
2. 该特性基本和原有的 Promise.all
功能相反。
示例:短路返回
Promise.any([
new Promise((resolve, reject) => setTimeout(reject, 200, "Third")),
new Promise((resolve, reject) => setTimeout(resolve, 1000, "Second")),
new Promise((resolve, reject) => setTimeout(resolve, 2000, "First")),
])
.then((value) => console.log(`Result: ${value}`))
.catch((err) => console.log(err));
/**** Output ****/
// Result: Second
示例:错误处理
Promise.any([
new Promise((resolve, reject) => setTimeout(reject, 200, "Third")),
new Promise((resolve, reject) => setTimeout(reject, 1000, "Second")),
new Promise((resolve, reject) => setTimeout(reject, 2000, "First")),
])
.then((value) => console.log(`Result: ${value}`))
.catch((err) => console.log(err));
/**** Output ****/
// AggregateError: All promises were rejected
3、 WeakRef
弱引用
这是一个新类,用于创建对对象的弱引用,即不会阻止被引用对象被垃圾收集的引用,Java
中有类似的实现。
let obj = { name: "Andy" };
const myRef = new WeakRef(obj);
然后,可以像这样获取包装的对象:
myRef.deref(); // { name: "Andy" }
如果垃圾收集器已经将其从内存中删除,它将返回 undefined
。
4、逻辑运算符与赋值表达式
在 JavaScript
中有许多赋值运算符和逻辑运算符,例如:
// Assignment Operator Example
let num = 5;
num += 10;
console.log(num); // 15
// Logical Operator Example
let num1 = 6;
let num2 = 3;
console.log(num1 === 6 && num2 === 2); // false
console.log(num1 === 6 || num2 === 2); // true
ES2021
让我们将能把逻辑运算符和赋值运算符结合起来。
他们看起来像这样:
a ||= b;
a &&= b;
a ??= b;
这里解释下它们的工作原理:
a ||= b;
// 等价于
1. a = a || b
2. if (!a) a = b
a &&= b;
// 等价于
1. a = a && b
2. if (a) a = b
a ??= b;
// 等价于
1. a = a ?? b
2. if (a === undefined || a === null) a = b
5、_
数值分隔符
新引入的数值分隔符使用 _
(下划线)字符,在数值组之间提供分隔,使数值读起来更容易。
// 原写法
let num = 1000000000
// 新写法 - 可读性发生了变化
let billion = 1_000_000_000
ES2021 中对 Javascript 的新增和改进
原文:https://www.cnblogs.com/frank-link/p/14651241.html