随着 JavaScript 的不断发展，ECMAScript 标准也在不断更新。ES11（也称为 ES2020）是 ECMAScript 的最新版本，于 2020 年 6 月发布。本文将介绍 ES11 中增加的一些对 JavaScript 开发人员有帮助的功能。
可选链操作符
在 JavaScript 中，我们经常需要访问对象的属性或方法。但是，如果对象不存在，就会出现错误。在 ES11 中，我们可以使用可选链操作符 ?. 来解决这个问题。如果对象存在，则返回该对象的属性或方法；如果对象不存在，则返回 undefined 而不会出现错误。
-- -------------------- ---- -------
----- --- - -
---- -
---- -
---- ------- -------
-
-
--
-------------------------------- -- ------- -------
--------------------------------- -- ---------空值合并操作符
在 JavaScript 中，我们经常需要检查变量是否为 null 或 undefined，然后再给变量赋默认值。在 ES11 中，我们可以使用空值合并操作符 ?? 来简化这个过程。如果变量的值为 null 或 undefined，则返回默认值；否则返回变量的值。
const foo = null; const bar = 'Hello, world!'; console.log(foo ?? 'Default value'); // 'Default value' console.log(bar ?? 'Default value'); // 'Hello, world!'
动态导入
在 ES11 中，我们可以使用动态导入来按需加载模块。动态导入返回一个 Promise，该 Promise 在模块加载完成后解析为该模块的默认导出。这样可以提高应用程序的性能，因为不需要在应用程序启动时加载所有的模块。
-- -------------------- ---- ------- ----- -------- ---------------------- - ----- ------ - ----- ------------------------------------- ------ ----------------- - ----- ---------- - ------ ---------------------------------- -- - -------------------- ---
BigInt
在 ES11 中，我们可以使用 BigInt 类型来表示任意精度的整数。BigInt 类型的值可以使用后缀 n 来表示。
const bigIntValue = 9007199254740991n; console.log(typeof bigIntValue); // 'bigint'
全局对象 globalThis
在 JavaScript 中，全局对象有不同的名称，例如 window、self、global 等。在 ES11 中，我们可以使用全局对象 globalThis 来获取全局对象，而不用考虑当前的环境。
console.log(globalThis);
总结
ES11 带来了一些有用的新功能，例如可选链操作符、空值合并操作符、动态导入、BigInt 和全局对象 globalThis。这些新功能可以提高我们的开发效率和代码质量，使得 JavaScript 的使用更加方便和安全。我们应该尽快学习并使用它们。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65c070a2add4f0e0ffa53fdd