我们需要什么?ES11 的 API 引用

ES11(也称为 ECMAScript 2020)是 JavaScript 的最新版本,它包含了许多新的语言特性和 API。本文将介绍一些最有用的 ES11 API,以及如何使用它们来提高前端开发的效率。

1. Promise.allSettled()

Promise.allSettled() 方法返回一个 Promise,在所有给定的 Promise 都已经 fulfilled 或 rejected 后,才会 resolve。返回的 Promise 的结果是一个数组,包含了每个 Promise 的结果。

----- -------- - -
  -----------------------
  ----------------------
  ----------------------
--

----------------------------
  ------------- -- -
    ---------------------
    -- ---
    -- -
    --   - ------- ------------ ------ ----- --
    --   - ------- ----------- ------- ----- --
    --   - ------- ------------ ------ ----- -
    -- -
  ---

2. String.prototype.matchAll()

String.prototype.matchAll() 方法返回一个迭代器,用于遍历字符串中所有匹配正则表达式的子串。它返回的迭代器包含了每个匹配的详细信息,包括匹配的子串、匹配的索引和匹配的捕获组。

----- --- - ---- --- --- -----
----- ----- - -------

--- ------ ----- -- -------------------- -
  -------------------
  -- ---
  -- ------- ------ -- ------ ---- --- --- ----- ------- ----------
  -- ------- ------ -- ------ ---- --- --- ----- ------- ----------
-

3. BigInt

BigInt 是一种新的原始类型,用于表示任意精度的整数。它可以处理超出 JavaScript Number 类型的范围的整数。BigInt 通过在数字后面添加 n 来声明。

----- ------ - ----------------- - ---
-------------------- -- --------------------

4. Optional Chaining

Optional Chaining 是一种新的语法,用于安全地访问嵌套对象的属性。如果对象的某个属性不存在,它将返回 undefined,而不是抛出 TypeError。

----- ------ - -
  ----- -------
  -------- -
    ----- ---- -----
  -
--

---------------------------------- -- ------- -----
------------------------------------- -- ------------

5. Nullish Coalescing

Nullish Coalescing 是一种新的语法,用于提供默认值,当变量的值为 null 或 undefined 时。它使用 ?? 操作符来执行此操作。

----- --- - ---- -- ----------
----------------- -- ------------

----- --- - --------- -- ----------
----------------- -- ------------

----- --- - ------- -- ----------
----------------- -- ----------

结论

ES11 引入了许多有用的新特性和 API,可以帮助前端开发人员更轻松地完成任务。本文介绍了几个最有用的 API,包括 Promise.allSettled()、String.prototype.matchAll()、BigInt、Optional Chaining 和 Nullish Coalescing。这些 API 可以帮助我们提高代码的可读性、可维护性和可靠性。

来源:JavaScript中文网 ,转载请注明来源 本文地址:https://www.javascriptcn.com/post/673eb3e290e7ed93bee45cc5