ECMAScript 2020（简称 ES11）是 JavaScript 的最新版本。这个版本的主要目标是改进开发者的编码效率和增加可读性。本文将详细介绍 ES11 中的新特性，包括深度解析和示例代码，以帮助读者更好地掌握这些新特性。
1. Nullish 合并运算符
在 JavaScript 中，我们经常使用 || 运算符来处理默认值，例如：
let value = getValue() || 'default value';
这通常可以正常工作，但如果 getValue() 返回一个与布尔值 false 相同的值（例如 0），或者返回一个空字符串或 null，那么它将不起作用。为了解决这个问题，ES11 引入了 Nullish 合并运算符（ ?? ）。
Nullish 合并运算符（ ?? ）类似于逻辑或运算符（ || ）但是它只能判断是否为 null 或 undefined 时才会返回默认值。
let value = getValue() ?? 'default value';
注意：如果 getValue() 返回 0 或者空字符时，?? 运算符会返回它本身而不是默认值。
2. 动态导入
ES6 引入了静态导入语法，但是它有一个限制：导入语句必须在文件的顶部，这意味着它们不能在代码运行时动态生成。
ES11 引入了一个新特性：动态导入语法。这使您可以在代码执行时动态地加载模块。
动态导入语法使用 import() 函数来导入模块。
import('path/to/module').then(module => {
// do something with module
});这个函数返回一个 promise，这意味着您可以使用异步/等待来等待模块加载完成。
const module = await import('path/to/module');3. BigInt
JavaScript 中的数字类型是有限的，它们属于一组称为双精度浮点数的数字。在 ES11 中，BigInt 是一个新的原始数据类型，它可以表示比双精度浮点数更大的整数。
const bigInt = 123456789n;
BigInts 在两端使用后缀 n 表示，因此您可以清楚地看到它们不同于其他数字类型。
注意: 在使用 BigInts 时要格外小心，BigInts 不同于其他数字类型，因此需要在操作中特别处理，例如使用加号操作符时不能与其他数字类型进行混合，需要全部为 BigInt 数据类型。
const result = 10n + 20n; // 正确 const result = 10 + 20n; // 错误
4. 可选链操作符
在 JavaScript 中处理嵌套对象属性时，通常需要多个 && 运算符来检查属性的存在性，这可能导致代码很难阅读。为了解决这个问题，ES11 引入了可选链操作符 ?.。
const name = user?.info?.name;
这条代码的含义就是：如果 user 或 user.info 中的任何一个属性不存在，变量 name 将不会被赋值为 undefined，但是它将为 null。
5. Promise.allSettled()
在 ES10 中，我们有 Promise.all() 方法可以在所有 promises 都解决或有一个拒绝时返回一个 promise。但是，当一个 promise 被拒绝时，该 promise 中的其他 promises 将不会运行，这意味着我们无法访问其他 promise 的结果。
在 ES11 中，我们有一个新的 Promise 方法 Promise.allSettled() ，该方法返回一个 promise，它解决了所有promises，无论是拒绝还是解决，返回一个具有结果和状态的对象数组。
Promise.allSettled([promise1, promise2, promise3])
.then(results => {
// do something with results
});results 参数是一个数组，它包含每个 promise 的状态和结果，状态是 fulfilled 或 rejected。
结论
ES11 引入了许多新功能，这些功能有助于简化代码，提高开发效率和可读性。Nullish 合并、动态导入、BigInt、可选链操作符和 Promise.allSettled() 可以让开发者更轻松地开发 JavaScript 应用程序。希望这篇文章能够帮助读者更好地理解 ES11 中的新特性，加强开发效率，实现更好的代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66fd1e1d4471362601789e4d