ES11 主要特性，变动及升级-JavaScript中文网-JavaScript教程资源分享门户

ECMAScript 2020（即 ES11）是 JavaScript 语言的最新标准，发布时间为2020年6月17日。本文将介绍 ES11 的主要特性，变动和升级，以及它们的学习和指导意义。

主要特性

BigInt

前 ES11 中，JavaScript 只能处理 2 的 53 次方以内的整数。但是，在一些场景，我们需要处理更大的整数，比如加密、科学计算等等。ES11 中，引入了 BigInt 类型，它可以处理任意精度的整数。BigInt 类型的变量使用 n 作为后缀标志，例如：2n，12345678901234567890n。

下面是使用 BigInt 的示例代码：

const x = 12345678901234567890n;
const y = BigInt('12345678901234567890');
const z = x + y;
console.log(z); // 输出：24691357802469135780n

Promise.allSettled()

在前 ES11 中，Promise.all() 方法只有在每个 Promise 成功的情况下才返回成功，如果有一个失败，就会返回失败。但是，有些场景下，我们更关心的是所有 Promise 的完成状态，不管是成功还是失败。现在，在 ES11 中，我们可以使用 Promise.allSettled() 方法，它返回所有 Promise 的完成状态，无论是成功还是失败。

下面是使用 Promise.allSettled() 的示例代码：

-- -------------------- ---- -------
----- -------- - -
  -------------------
  ------------------------
  -------------------
--
---------------------------------------- -- -
  --------------------
  -- ---
  -- -
  --   - ------- ------------ ------ - --
  --   - ------- ----------- ------- ------- --
  --   - ------- ------------ ------ - -
  -- -
---展开代码

String.prototype.matchAll()

在前 ES11 中，我们可以使用 String.prototype.match() 方法进行正则匹配。但是，它只会输出第一个匹配项，如果想要获得全部的匹配项，就需要循环调用 match() 方法。ES11 中，引入了 String.prototype.matchAll() 方法，它可以一次性获取全部匹配项，并返回一个迭代器对象。

下面是使用 String.prototype.matchAll() 的示例代码：

const str = 'Hello, World!';
const regex = /[a-zA-Z]+/g;
for (const match of str.matchAll(regex)) {
  console.log(match[0]);
}
// 输出：
// "Hello"
// "World"

可选链运算符

在前 ES11 中，如果我们要访问一个对象的深层属性，就需要逐层判断是否为 null 或 undefined。ES11 中，可以使用可选链运算符，在对象路径的中间部分使用问号 (?) 来代替属性访问符 (.)，这样就可以避免出现“Cannot read property x of null”的错误。

下面是使用可选链运算符的示例代码：

-- -------------------- ---- -------
----- ---- - -
  ----- ------
  -------- -----
  ------ -
    --- --
    --------- --
  -
--
-------------------------------- -- ------------
------------------------------------------ -- ----展开代码

其他特性

除了上述主要特性，ES11 还引入了其他一些小的特性，例如：globalThis 全局对象、字符串新增的 trimStart() 和 trimEnd() 方法、import() 动态导入等等。

变动及升级

与其他语言不同，JavaScript 的变动和升级比较频繁，我们需要持续关注最新的标准和变化。下面是 ES11 的变动和升级：

部分网站列出在严格模式下，某些函数将被删除，但没有给出具体信息，这导致很多网站开发人员担心这可能会影响他们的代码。然而，在实践中，ES11 并没有删除易受攻击的函数。ECMA 对此进行了更正。
可选链运算符和 nullish 合并运算符的优先级是不同的，需要注意。
BigInt 类型虽然支持所有四则运算、位运算和比较操作符，但是不能与常规数字混合使用，需要使用 BigInt() 函数显式地将常规数字转换为 BigInt 类型。

学习和指导意义

ES11 提供了许多优秀的功能，可以更好地满足我们的需求。例如：BigInt 类型可以处理任意精度的整数，Promise.allSettled() 方法可以一次获取多个异步操作的结果。可选链运算符可以方便地避免我们在代码中避免掉抛出“Cannot read property x of null”的错误。

同时，学习新的版本和特性也需要注意它们的变动和升级。我们需要及时了解它们的优先级、用法、限制等等。这不仅可以帮助我们更好地使用和掌握它们，还可以提高我们的代码质量和效率。

总之，ES11 的新特性在前端开发中起着非常重要的作用。我们需要不断学习和掌握它们，以便更好地开发出高效、稳定和优质的应用程序。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/67be8fc20c976d473a2965b4

ES11 主要特性，变动及升级