ES2021 中对 Javascript 的新增和改进

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

hmoban主题是根据ripro二开的主题,极致后台体验,无插件,集成会员系统
自学咖网 » ES2021 中对 Javascript 的新增和改进