ES11（也称为 ECMAScript 2020）是 JavaScript 的最新版本，它引入了一些新的功能和语法，但也可能导致一些常见的错误和陷阱。在本文中，我们将介绍一些常见的错误和陷阱，并提供一些指导意义和示例代码，以帮助您避免这些问题。
1. 使用可选链时需要注意
ES11 引入了可选链（Optional Chaining）语法，使得我们可以更方便地访问对象的属性和方法。但是，在使用可选链时，需要注意以下几点：
- 如果链中的任何一个属性为 null 或 undefined，则整个链式调用将返回 undefined；
- 如果链中的任何一个属性为一个函数，则必须在函数名称后面添加括号，否则将返回函数本身而不是函数的返回值。
以下是一个使用可选链的示例：
-- -------------------- ---- -------
----- ---- - -
----- -------
-------- -
----- ---- -----
-
--
----- ---- - ------------------- -- ---- -----
----- --- - ------------------ -- ---------
----- -------- - ------------------ -- -- -------- ------------- -------- ----------- ----------2. 使用 BigInt 时需要注意
ES11 引入了 BigInt 类型，使得我们可以处理超出 JavaScript 数字范围的整数。但是，在使用 BigInt 时，需要注意以下几点：
- BigInt 类型不能与普通数字进行混合运算，必须使用 BigInt 类型进行运算；
- 在使用 BigInt 类型时，需要在数字后面添加一个 n 后缀，以表示这是一个 BigInt 类型的数字。
以下是一个使用 BigInt 的示例：
const x = 123n; const y = BigInt(456); const sum = x + y; // TypeError: Cannot mix BigInt and other types, use explicit conversions const product = x * y; // 56088n
3. 使用 Promise.allSettled 时需要注意
ES11 引入了 Promise.allSettled 方法，使得我们可以同时处理多个 Promise 对象的结果。但是，在使用 Promise.allSettled 时，需要注意以下几点：
- Promise.allSettled 返回的结果是一个数组，数组的每个元素都是一个对象，包含 Promise 对象的状态和结果；
- 如果 Promise.allSettled 的参数是一个空数组，则返回一个已经完成的 Promise 对象，其结果是一个空数组。
以下是一个使用 Promise.allSettled 的示例：
-- -------------------- ---- -------
----- -------- - -
-------------------
--------------------- ----
-------------------
--------------------- ---
--
----------------------------
------------- -- -
---------------------- -- -
-- -------------- --- ------------ -
--------------------------
- ---- -
-----------------------------
-
---
--
------------ -- -
---------------------
---4. 使用字符串的新方法时需要注意
ES11 引入了一些新的字符串方法，使得我们可以更方便地处理字符串。但是，在使用这些新方法时，需要注意以下几点：
- String.prototype.replaceAll 方法可以用来替换字符串中的所有匹配项，但是它接受的第一个参数必须是字符串或正则表达式，不能是一个变量；
- String.prototype.trimStart 和 String.prototype.trimEnd 方法可以用来去除字符串开头和结尾的空格，但是它们的名称可能会引起一些困惑，因为在旧版本的 JavaScript 中，这些方法的名称分别是 trimLeft 和 trimRight。
以下是一个使用字符串新方法的示例：
const str = ' Hello, World! ';
const newStr = str.replaceAll('o', '0'); // ' Hell0, W0rld! '
const trimmedStr = str.trimStart().trimEnd(); // 'Hello, World!'结论
ES11 引入了一些新的功能和语法，使得我们可以更方便地编写 JavaScript 代码。但是，我们需要注意可能导致的错误和陷阱，并采取相应的措施来避免这些问题。希望本文能够帮助您更好地理解 ES11，并提高您的 JavaScript 编程技能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/676a9fbc78388e33bb18f03a