ECMAScript 是一种由 Ecma 国际组织制定的脚本语言标准，常用于编写 Web 应用程序。在 ECMAScript 6（ES6）发布后，每年都会发布一个新的版本，以提高语言的功能和性能。ECMAScript 2020（ES11）是最新的版本，其中包含了一些重要的变化，本文将详细介绍这些变化以及它们的学习和指导意义。
1. 可选链操作符
可选链操作符（Optional Chaining Operator）是一个新的语法，它可以让我们在访问可能为 null 或 undefined 的属性或方法时，不会抛出错误。这个操作符是一个问号（?）后跟着一个点（.）。
-- -------------------- ---- -------
--- ------ - -
----- -------
-------- -
----- ---- -----
-
--
---------------------------------- -- ---- -----
----------------------------------- -- ---------
------------------------------------ -- ---------在上面的代码中，我们使用了可选链操作符来访问 person 对象的 address 属性和 city 属性。如果 address 属性不存在，它会返回 undefined 而不是抛出错误。同样地，如果 age 或 years 属性不存在，它也会返回 undefined。
这个操作符可以让我们的代码更加简洁和可读，避免了繁琐的 null 检查或条件语句。
2. 空值合并操作符
空值合并操作符（Nullish Coalescing Operator）也是一个新的语法，它可以用来为变量设置默认值。这个操作符是两个竖线（||）后跟着一个问号（?）。
let name = null; let defaultName = 'John'; console.log(name ?? defaultName); // 'John'
在上面的代码中，我们使用了空值合并操作符来为变量 name 设置默认值。如果 name 是 null 或 undefined，它会返回 defaultName。
与传统的或操作符（||）不同，空值合并操作符只在左侧的表达式为 null 或 undefined 时才会返回右侧的值。如果左侧的表达式是空字符串、0 或 false，它也会被视为有效值。
3. BigInt 类型
BigInt 类型是一个新的基本数据类型，用于表示任意精度的整数。它可以用一个 n 后缀来表示。
const bigNumber = 123456789012345678901234567890n; console.log(bigNumber); // 123456789012345678901234567890n
在上面的代码中，我们使用了 BigInt 类型来表示一个非常大的整数。由于普通的 Number 类型只能表示 2 的 53 次方以下的整数，因此 BigInt 类型可以解决一些数值计算的精度问题。
需要注意的是，BigInt 类型不能与普通的 Number 类型进行混合运算，必须使用 BigInt 类型的方法和运算符。
4. Promise.allSettled 方法
Promise.allSettled 方法是一个新的 Promise 方法，它可以同时处理多个 Promise 对象，并返回它们的结果。与 Promise.all 方法不同，Promise.allSettled 方法不会在任何一个 Promise 对象被拒绝时立即返回，而是等待所有 Promise 对象完成后再返回。
-- -------------------- ---- -------
----- -------- - -
---------------------------
------------------------
------------------------ ---------
--
----------------------------
------------- -- -
---------------------
--
------------ -- -
-------------------
---在上面的代码中，我们使用了 Promise.allSettled 方法来处理三个 Promise 对象。即使其中一个 Promise 对象被拒绝，它仍然会返回所有 Promise 对象的结果。在结果中，每个 Promise 对象都有一个状态（fulfilled 或 rejected）和一个值或原因。
这个方法可以让我们更好地处理多个异步操作的结果，避免了一个 Promise 对象被拒绝时整个操作失败的情况。
结论
ECMAScript 2020（ES11）是一个非常重要的版本，它引入了一些新的语法和功能，可以让我们更加方便地编写 Web 应用程序。在使用这些新特性之前，我们需要了解它们的语法和用法，以及它们的学习和指导意义。希望本文能够为您提供帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6745cd30f84d1ff10349be53