全面掌握 ES2021 的新特性

全面掌握 ES2021 的新特性

ES2021 是 ECMAScript 的最新版本，它包含了一些新的特性和功能，这些新特性和功能可以帮助开发者更好地编写 JavaScript 代码，提高开发效率和代码质量。本文将详细介绍 ES2021 的新特性和功能，并提供示例代码和指导意义，帮助读者全面掌握 ES2021。

1. String.prototype.replaceAll()

ES2021 新增了 String.prototype.replaceAll() 方法，它可以用新的字符串替换所有匹配的子字符串。这个方法在处理字符串替换的时候非常方便，可以大大提高开发效率。

示例代码：

const str = "Hello, world!";
const newStr = str.replaceAll("o", "0");
console.log(newStr); // "Hell0, w0rld!"

1. Promise.any()

ES2021 新增了 Promise.any() 方法，它可以在多个 Promise 中任意一个 Promise 完成时返回该 Promise 的结果。如果多个 Promise 都失败了，则会抛出 AggregateError 异常。

示例代码：

// javascriptcn.com 代码示例
const p1 = Promise.resolve("Hello");
const p2 = Promise.reject("Error 1");
const p3 = Promise.reject("Error 2");

Promise.any([p1, p2, p3]).then((result) => {
  console.log(result);
}).catch((error) => {
  console.log(error);
});

输出结果：

Hello

1. WeakRefs

ES2021 新增了 WeakRefs 功能，它可以在 JavaScript 中实现弱引用。弱引用的对象不会阻止垃圾回收器回收该对象，这可以避免内存泄漏问题。WeakRefs 可以在需要保存对象引用的同时，又不希望影响垃圾回收器的情况下使用。

示例代码：

let obj = { name: "John" };
let weakRef = new WeakRef(obj);
obj = null;
console.log(weakRef.deref()); // { name: "John" }

1. Logical Assignment Operators

ES2021 新增了逻辑赋值运算符，包括 &&=、||= 和 ??=，它们可以将逻辑运算符和赋值运算符合并，使代码更加简洁。

示例代码：

// javascriptcn.com 代码示例
let x = 1;
x &&= 2;
console.log(x); // 2

let y = null;
y ||= "Hello";
console.log(y); // "Hello"

let z;
z ??= "World";
console.log(z); // "World"

1. Numeric Separators

ES2021 新增了数字分隔符，可以在数字中添加下划线分隔符，提高数字的可读性。

示例代码：

const num = 1_000_000;
console.log(num); // 1000000

总结

ES2021 的新特性和功能可以帮助开发者更好地编写 JavaScript 代码，提高开发效率和代码质量。本文详细介绍了 ES2021 的五个新特性和功能，包括 String.prototype.replaceAll()、Promise.any()、WeakRefs、Logical Assignment Operators 和 Numeric Separators，并提供了示例代码和指导意义，帮助读者全面掌握 ES2021。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/657e84ded2f5e1655d95a55b