ES11 中增加了哪些对 JavaScript 开发人员有帮助的功能？-JavaScript中文网-JavaScript教程资源分享门户

随着 JavaScript 的不断发展，ECMAScript 标准也在不断更新。ES11（也称为 ES2020）是 ECMAScript 的最新版本，于 2020 年 6 月发布。本文将介绍 ES11 中增加的一些对 JavaScript 开发人员有帮助的功能。

可选链操作符

在 JavaScript 中，我们经常需要访问对象的属性或方法。但是，如果对象不存在，就会出现错误。在 ES11 中，我们可以使用可选链操作符 ?. 来解决这个问题。如果对象存在，则返回该对象的属性或方法；如果对象不存在，则返回 undefined 而不会出现错误。

const obj = {
  foo: {
    bar: {
      baz: 'Hello, world!'
    }
  }
};

console.log(obj?.foo?.bar?.baz); // 'Hello, world!'
console.log(obj?.foo?.qux?.quux); // 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 在模块加载完成后解析为该模块的默认导出。这样可以提高应用程序的性能，因为不需要在应用程序启动时加载所有的模块。

async function loadModule(moduleName) {
  const module = await import(`./modules/${moduleName}.js`);
  return module.default();
}

const moduleName = 'foo';
loadModule(moduleName).then(result => {
  console.log(result);
});

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