ECMAScript 2020（ES11） 中的新特性

ECMAScript 2020（ES11）是 JavaScript 的最新版本，它包含了一些非常有用的新特性。本文将介绍这些新特性，并提供一些示例代码，帮助读者理解这些新特性并开始使用它们。

1. 可选链操作符（Optional Chaining Operator）

可选链操作符是一种简化代码的语法，它用于在访问对象属性时避免出现空指针异常。在以前的 JavaScript 版本中，需要使用 if 语句来检查每个属性是否存在，这会使代码变得冗长和难以阅读。使用可选链操作符，我们可以轻松地检查对象的属性是否存在，如果不存在，它将返回 undefined，而不是抛出一个异常。

下面是一个示例代码：

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

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

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

在上面的代码中，我们使用可选链操作符 ?. 来访问 user.address 对象的 zip 属性。如果 address 属性不存在，zipCode 将被设置为 undefined。同样，我们使用可选链操作符来访问 state 属性，因为该属性不存在，所以 state 将被设置为 undefined。

2. 空值合并操作符（Nullish Coalescing Operator）

空值合并操作符是一种用于处理空值的新语法。在以前的 JavaScript 版本中，我们通常使用 || 运算符来检查变量是否为 null 或 undefined，但这种方法有一个问题，当变量的值为 0 或空字符串时，它也会被认为是 false，这可能会导致错误的结果。空值合并操作符解决了这个问题，只有在变量的值为 null 或 undefined 时才会返回默认值。

下面是一个示例代码：

const name = null ?? 'John';
console.log(name); // 'John'

const age = 0 ?? 30;
console.log(age); // 0

const city = undefined ?? 'New York';
console.log(city); // 'New York'

在上面的代码中，我们使用空值合并操作符 ?? 来设置默认值。如果变量的值为 null 或 undefined，则返回默认值。在第一个示例中，name 的值为 null，因此它将返回默认值 'John'。在第二个示例中，age 的值为 0，因此它将返回 0。在第三个示例中，city 的值为 undefined，因此它将返回默认值 'New York'。

3. 动态导入（Dynamic Import）

动态导入是一种在运行时加载模块的新语法。在以前的 JavaScript 版本中，我们需要在代码中使用静态导入来加载模块。但是，有时我们需要根据运行时的条件来加载模块，这时就需要使用动态导入。动态导入语法使用 import() 函数来加载模块，并返回一个 Promise 对象。

下面是一个示例代码：

async function loadModule() {
  const module = await import('./module.js');
  module.sayHello();
}

loadModule();

在上面的代码中，我们使用 import() 函数来动态加载名为 module.js 的模块。然后，我们使用 await 关键字等待模块加载完成，然后调用 sayHello() 方法。

4. BigInt 类型

BigInt 类型是一种新的 JavaScript 数据类型，它可以表示任意大的整数。在以前的 JavaScript 版本中，整数的范围是从 -2⁵³ 到 2⁵³-1，超出这个范围的整数将被转换为浮点数。但是，BigInt 类型可以表示比这个范围更大的整数。

下面是一个示例代码：

const max = Number.MAX_SAFE_INTEGER;
console.log(max); // 9007199254740991

const big = BigInt(Number.MAX_SAFE_INTEGER) + BigInt(1);
console.log(big); // 9007199254740992n

在上面的代码中，我们使用 BigInt 类型来表示一个比 Number.MAX_SAFE_INTEGER 更大的整数。我们可以使用 BigInt() 函数将一个普通的数字转换为 BigInt 类型。在第二个示例中，我们将 Number.MAX_SAFE_INTEGER 加上 1，并将结果存储在一个 BigInt 变量中。

5. 其他新特性

除了上面介绍的特性外，ES11 还包含了一些其他的新特性，如：

• String.prototype.matchAll() 方法：返回一个迭代器，用于匹配字符串中的所有正则表达式。
• Promise.allSettled() 方法：返回一个 Promise，该 Promise 在所有传递的 Promise 都已解决或拒绝时解决，返回结果包含每个 Promise 的状态和值。
• globalThis 对象：在任何环境下，都可以使用 globalThis 访问全局对象，而不需要了解当前环境的名称。

结论

ES11 包含了一些非常有用的新特性，如可选链操作符、空值合并操作符、动态导入、BigInt 类型等。这些新特性可以使我们的代码更加简洁和易于阅读，并提供了更好的功能和灵活性。我们应该学习和使用这些新特性，以便更好地开发和维护我们的 JavaScript 代码。

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