ECMAScript 2020（ES11）是 JavaScript 语言的最新版本，它引入了一些新的功能和语法，让开发者能够更加方便地编写高效的 JavaScript 代码。本文将介绍 ES11 中的一些新特性，包括可选链操作符，并提供示例代码和指导意义。
可选链操作符
在 ES11 中，引入了可选链操作符（Optional chaining operator），它可以简化访问对象属性或方法的代码，避免出现访问未定义的属性或方法时产生的错误。可选链操作符使用问号 ? 来表示，它可以在对象的属性或方法名之前使用，表示只有当该属性或方法存在时才进行访问。
示例代码：
-- -------------------- ---- -------
----- ---- - -
----- ------
-------- -
------- ----- -----
----- ---- -----
-
--
-- ---------------
------------------------ -- -----
----------------------------------- -- ----- ----
-- ----------------
----------------------- -- ---------
------------------------------------ -- ---------在上面的代码中，我们使用可选链操作符 ?. 来访问对象 user 中的属性和方法。如果属性或方法存在，就会返回对应的值，否则返回 undefined。这样可以避免在访问不存在的属性时产生错误，使代码更加健壮和可靠。
其他新特性
除了可选链操作符，ES11 还引入了一些其他的新特性，包括：
BigInt
BigInt 是一种新的原始数据类型，用于表示任意精度的整数。它可以表示比 Number 类型更大的整数，例如超过 Number.MAX_SAFE_INTEGER 的数值。BigInt 类型的数据以后缀 n 结尾，例如 10n 表示 BigInt 类型的数值 10。
示例代码：
const a = 9007199254740991n; const b = 1n; console.log(a + b); // 9007199254740992n
Promise.allSettled
Promise.allSettled 方法可以接受一个 Promise 数组作为参数，返回一个 Promise，该 Promise 在所有 Promise 状态都变为 settled（即 fulfilled 或 rejected）时才会返回。返回的 Promise 的状态为 fulfilled，其值为一个对象数组，每个对象包含对应 Promise 的状态和值或原因。
示例代码：
-- -------------------- ---- -------
----- -------- - -
---------------------------
------------------------
------------------------ ---------
--
----------------------------
------------- -- -
---------------------
-- -
-- - ------- ------------ ------ --------- --
-- - ------- ----------- ------- ------- --
-- - ------- ------------ ------ -------- -------- -
-- -
---String.prototype.matchAll
String.prototype.matchAll 方法可以接受一个正则表达式作为参数，返回一个迭代器对象，该迭代器对象可以遍历字符串中所有与正则表达式匹配的子串。每个迭代器对象都包含匹配到的子串及其对应的捕获组。
示例代码：
const str = 'hello world';
const regex = /l/g;
const matches = str.matchAll(regex);
for (const match of matches) {
console.log(match);
// { 0: 'l', index: 2, input: 'hello world' }
// { 0: 'l', index: 3, input: 'hello world' }
}指导意义
ES11 中的新特性可以帮助开发者编写更加简洁、高效和健壮的 JavaScript 代码。可选链操作符可以避免访问不存在的属性或方法时产生的错误，使代码更加可靠。其他新特性也可以提高代码的可读性和可维护性，例如 Promise.allSettled 和 String.prototype.matchAll 方法，可以更方便地处理异步操作和字符串匹配。
开发者应该尽快学习和应用 ES11 中的新特性，以提高自己的编程能力和代码质量。同时，也应该注意新特性的兼容性问题，避免在低版本的浏览器或 Node.js 中出现不必要的错误。
Source: FunTeaLearn,Please indicate the source for reprints https://funteas.com/post/67d0e184a941bf71341d8b4e