ES2021，也被称为 ECMAScript 12，是 JavaScript 的最新版本，于 2021 年 6 月正式发布。它带来了一些新的语言特性和增强功能，使得开发者们能够更加方便地编写出高效、可读性强的代码。本文将介绍 ES2021 的一些重要特性，包括字符串替换、逻辑赋值、Promise.any() 和 WeakRefs 等，以及如何在实际开发中使用它们。
字符串替换
ES2021 引入了字符串替换的新特性，它允许我们使用更加简洁的方式来进行字符串替换。具体来说，我们可以使用 $ 符号和 {} 包裹起来的变量名来替换字符串中的变量。例如，下面的代码展示了一个使用字符串替换的示例：
const name = 'Lucas';
const message = `Hello, ${name}!`;
console.log(message); // 输出：Hello, Lucas!在这个示例中，我们使用了字符串模板和字符串替换来创建一个包含变量的字符串。这使得我们可以更加方便地拼接字符串，而无需使用字符串连接符。
逻辑赋值
逻辑赋值是 ES2021 中的另一个新特性，它允许我们在变量赋值时使用逻辑运算符。具体来说，我们可以使用 ||=、&&= 和 ??= 运算符来进行逻辑赋值。这些运算符分别表示“或赋值”、“与赋值”和“空值合并赋值”。
下面是一个使用逻辑赋值的示例：
let x = 1; x ||= 2; console.log(x); // 输出：1 let y = null; y ??= 3; console.log(y); // 输出：3
在这个示例中，我们使用了 ||= 和 ??= 运算符来进行逻辑赋值。如果变量的值为假值（例如 null、undefined 或空字符串），则使用右侧的默认值进行赋值。
Promise.any()
Promise.any() 是 ES2021 中的一个新的 Promise 方法，它允许我们在多个 Promise 对象中选择一个最先解决的 Promise。具体来说，当多个 Promise 对象中有一个 Promise 解决时，Promise.any() 方法就会返回该 Promise 的结果。
下面是一个使用 Promise.any() 的示例：
const promises = [ new Promise(resolve => setTimeout(() => resolve(1), 1000)), new Promise(resolve => setTimeout(() => resolve(2), 2000)), new Promise(resolve => setTimeout(() => resolve(3), 3000)) ]; Promise.any(promises).then(result => console.log(result)); // 输出：1
在这个示例中，我们创建了三个 Promise 对象，分别在不同的时间解决。使用 Promise.any() 方法，我们可以选择最先解决的 Promise，并返回它的结果。
WeakRefs
WeakRefs 是 ES2021 中的一个新的引用类型，它允许我们创建弱引用。弱引用是一种特殊的引用类型，它不会阻止被引用对象的垃圾回收。
下面是一个使用 WeakRefs 的示例：
const obj = { foo: 'bar' };
const weakRef = new WeakRef(obj);
console.log(weakRef.deref()); // 输出：{ foo: 'bar' }
obj = null; // 将 obj 的引用设置为 null，使其成为垃圾对象
console.log(weakRef.deref()); // 输出：null在这个示例中，我们使用 WeakRefs 创建了一个弱引用，指向一个对象。当我们将该对象的引用设置为 null 时，它就成为了垃圾对象，可以被 JavaScript 引擎回收。使用 weakRef.deref() 方法，我们可以获取到该对象的引用，如果对象已经被回收，则返回 null。
结语
ES2021 带来了一些新的语言特性和增强功能，使得 JavaScript 编程更加方便和高效。本文介绍了 ES2021 的一些重要特性，包括字符串替换、逻辑赋值、Promise.any() 和 WeakRefs 等。希望这些特性能够帮助你更好地编写 JavaScript 代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67da5970a941bf7134248d41
