前言
ES11（也称 ECMAScript2020）是 JavaScript 语言的最新版本，于2020年6月被正式发布。在这个版本中，新增了一些非常实用的新特性，包括：String.prototype.replaceAll、Promise.allSettled、一些新的 BigInt API、可选链操作符（Optional Chaining Operator）等等。
在本文中，我们将详细介绍 ES11 中的所有新特性，并提供相应的代码示例，希望能够帮助前端开发者更好地理解和掌握这些新特性，以便在开发过程中更加高效地使用它们。
String.prototype.replaceAll
在 ES11 中，新增了一个非常方便的方法：String.prototype.replaceAll。它可以将字符串中的所有匹配项（而不仅仅是第一个）替换为指定的值，并返回新的字符串。
下面是一个简单的示例，演示了如何使用该方法将字符串中的所有空格替换为下划线：
const str = 'hello world';
const newStr = str.replaceAll(' ', '_');
console.log(newStr); // 输出: hello_worldPromise.allSettled
Promise.allSettled 与 Promise.all 类似，但是它不会在遇到失败的 promise 时中止执行，并且它总是返回一个数组，该数组包含所有 promise 的状态。
换句话说，Promise.allSettled 不会在任何情况下拒绝（reject），而是始终等待所有 promise 完成，然后返回一个状态数组，其中每个 promise 都会被解决（settled）。
下面是一个简单的示例，演示了如何使用该方法处理多个 promise，并在所有 promise 完成后打印它们的状态：
const promises = [
fetch('/api/data1'),
fetch('/api/data2'),
fetch('/api/data3')
];
Promise.allSettled(promises)
.then(results => {
results.forEach(result => {
console.log(result.status, result.value);
});
});BigInt
ES11 引入了一组新的 BigInt API，使 JavaScript 能够处理超出 Number 类型表示范围的整数。
BigInt 是一种新的数据类型，用于表示大于 253 - 1 的整数。在 ECMAScript 中，BigInt 类型用 n 结尾的整数字面量表示。
下面是一个简单的示例，演示了如何使用 BigInt 表示大数和执行基本的算术运算：
const bigNum = 9007199254740991n + 1n; console.log(bigNum); // 输出: 9007199254740992n
可选链操作符
可选链操作符（Optional Chaining Operator）是一个非常实用的新特性，可以帮助我们避免因为嵌套字段为空或未定义而导致的程序崩溃问题。
在原始 JavaScript 中，我们需要使用多个 if 语句或三元运算符来检查每个嵌套字段是否存在，这很繁琐而且容易出错。而使用可选链操作符，则可以简化这个过程。
下面是一个简单的示例，演示了如何使用可选链操作符访问嵌套对象中的字段：
const obj = {
foo: {
bar: {
baz: 'hello world'
}
}
};
const value1 = obj?.foo?.bar?.baz;
console.log(value1); // 输出: hello world
const value2 = obj?.foo?.bar?.qux;
console.log(value2); // 输出: undefined其他
除了上述几个新特性之外，ES11 还新增了一些其他的改进，比如：动态 import()、提案中的传递器（pipeline operator）等等。这些特性虽然还没有被正式纳入 ECMAScript 标准中，但它们在未来的版本中可能会被引入。如果您感兴趣，可以了解更多相关信息。
总结
ES11 中引入的新特性能够大大提高 JavaScript 的语法和功能，有助于开发者更加高效地编写代码。本文对其中的新特性进行了详细的介绍和演示，希望能够帮助读者更好地理解和应用它们。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65a3fe52add4f0e0ffc31271