前言
ES11（也被称为 ECMAScript 2020）是 JavaScript 的最新版本，于 2020 年 6 月正式发布。该版本包含了一些新的语言特性和改进，涉及到语言性能、功能性和流程性。在本文中，我们将深入探讨 ES11 中的一些新功能，并提供示例代码。
语言性能
Nullish 合并运算符
在 ES11 之前，我们通常使用逻辑或运算符（||）来提供默认值，如下所示：
const someValue = options.someValue || 'default value';
但是，这种方法有一个问题：如果 options.someValue 的值为假值（如 false、0 或空字符串等），则默认值将被使用，导致不正确的行为。
在 ES11 中，我们使用 Nullish 合并运算符（??）来解决这个问题。该运算符如果左侧的表达式的值是 null 或 undefined，它会使用右侧的默认值。
以下是使用 Nullish 合并运算符的示例：
const someValue = options.someValue ?? 'default value';
可选链式调用
在 ES10 中，我们可以使用可选的属性访问操作符（?.）来避免在访问深层级属性时抛出 TypeError 错误。但是，如果我们需要访问某个对象上的多个属性，那么这种操作符会产生重复的嵌套。
在 ES11 中，我们可以使用可选链式调用来解决这个问题。可选链式调用允许我们在某个属性不存在时，立即返回 undefined，而不用继续访问嵌套的属性。
以下是使用可选链式调用的示例：
const age = user?.address?.city?.country ?? 'unknown';
这将访问 user 对象的 address 属性、city 属性和 country 属性。如果任何一个属性不存在，则返回 undefined。
功能性
BigInt
在 ES11 中，我们可以使用 BigInt 类型表示任意精度的整数。这个新的数据类型可以处理比 JavaScript 中 Number 类型最大安全整数范围更高的数值。
以下是使用 BigInt 的示例：
const a = 9007199254740991n; const b = 2n ** 53n; const c = a + b; // TypeError: Cannot mix BigInt and other types
动态 import()
在 ES11 中，我们可以使用动态 import() 方法来动态加载模块。这个方法返回一个 Promise，其成功和失败的状态由被导入的模块定义。
以下是使用动态 import() 的示例：
const loadModule = async () => {
const { default: Module } = await import('path/to/module.js');
const module = new Module();
module.run();
};流程性
可变参数列表
在 ES6（即 ECMAScript 2015）中，我们支持使用扩展运算符（...）来展开数组或对象。这个运算符在 ES11 中得到了新的支持：我们现在可以在函数定义中使用它来定义可变参数列表。
以下是使用可变参数列表的示例：
const sum = (...numbers) => {
return numbers.reduce((total, number) => total + number, 0);
};
sum(1, 2, 3); // 6
sum(1, 2, 3, 4); // 10结论
在本文中，我们深入探讨了 ES11 中的一些新的语言特性和改进。这些改进和特性涉及到语言性能、功能性和流程性，使我们能够更轻松地编写清晰、可读性更高的代码。
我们希望这些示例代码和指导意义能够帮助您学习和使用 ES11，为您的前端开发工具箱增添新的工具！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/676cf6c482fcee791c62691d