ECMAScript 2021 是 JavaScript 的最新版本，于 2021 年 6 月正式发布。这个版本主要是为了解决由 null 或 undefined 引起的一些常见问题和 BUG。本文将详细介绍这些更新内容，并提供示例代码和指导意义。
1. Optional Chaining
Optional Chaining 是 ECMAScript 2021 中最重要的更新之一。这个更新可以让我们更加方便地处理 null 或 undefined 值。在以前的版本中，如果我们要访问一个对象中的属性，但是该对象不存在，那么就会抛出一个 TypeError。但是现在，我们可以使用 Optional Chaining 来处理这种情况。
以下是一个示例代码：
-- -------------------- ---- -------
----- ---- - -
----- -----
-------- -
----- ----
-
-
--------------------------------
------------------------------------------在这个示例代码中，我们使用了 Optional Chaining 来访问 user 对象中的 address 属性和 province 属性。如果 address 或 province 不存在，那么代码也不会抛出 TypeError，而是会返回 undefined。这个更新可以让我们更加方便地处理 null 或 undefined 值，避免了一些常见的 BUG。
2. Nullish Coalescing
Nullish Coalescing 是 ECMAScript 2021 中另一个重要的更新。这个更新可以让我们更加方便地处理 null 或 undefined 值。在以前的版本中，我们通常使用 || 运算符来处理 null 或 undefined 值，但是这种方式存在一些问题。例如，当我们使用 || 运算符时，如果变量的值为 0 或者空字符串，那么也会被认为是 false，这可能会引起一些 BUG。但是现在，我们可以使用 Nullish Coalescing 来处理这种情况。
以下是一个示例代码：
const name = '';
const user = {
name: '张三',
age: 18
}
console.log(name ?? user.name);
console.log(user.age ?? 20);在这个示例代码中，我们使用了 Nullish Coalescing 来处理 name 和 user.age 变量。如果 name 或 user.age 为 null 或 undefined，那么代码会返回默认值，避免了一些常见的 BUG。
3. Promise.any
Promise.any 是 ECMAScript 2021 中另一个重要的更新。这个更新可以让我们更加方便地处理多个 Promise 对象。在以前的版本中，我们通常使用 Promise.all 来处理多个 Promise 对象，但是如果其中一个 Promise 对象出现错误，整个 Promise.all 就会失败。但是现在，我们可以使用 Promise.any 来处理这种情况。
以下是一个示例代码：
-- -------------------- ---- -------
----- -------- - --- ----------------- ------- -- -
------------- -- -
---------------- ----
-- ------
---
----- -------- - --- ----------------- ------- -- -
------------- -- -
--------------- ----
-- ------
---
---------------------- ----------
------------ -- --------------------
------------ -- --------------------在这个示例代码中，我们使用了 Promise.any 来处理 promise1 和 promise2 两个 Promise 对象。如果其中一个 Promise 对象出现错误，代码也不会抛出异常，而是会返回另一个 Promise 对象的结果。这个更新可以让我们更加方便地处理多个 Promise 对象，避免了一些常见的 BUG。
4. 总结
ECMAScript 2021 是 JavaScript 的最新版本，主要是为了解决由 null 或 undefined 引起的一些常见问题和 BUG。本文介绍了 ECMAScript 2021 中三个重要的更新：Optional Chaining、Nullish Coalescing 和 Promise.any。这些更新可以让我们更加方便地处理 null 或 undefined 值和多个 Promise 对象，避免了一些常见的 BUG。我们应该学习和掌握这些更新，以提高我们的编程能力。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/650ac46395b1f8cacd51f76e