ECMAScript（简称 ES）是 JavaScript 的正式名称，是一种用来描述 JavaScript 语言规范的标准。自 1997 年首次发布以来，ECMAScript 每年都在不断地更新和发展中，以适应日益复杂的 Web 应用需求。
在 2020 年，ECMAScript 2020（ES 2020）发布了多项新特性，其中包括新的语言语法，新的实例方法，以及新的全局对象，这些新特性让 JavaScript 编程更加高效和灵活。本文将为读者详细介绍 ES 2020 中的新特性，并提供示例代码以帮助读者更好地理解这些新特性。
1. import() 动态导入
在 ES 2020 中，现在可以使用 import() 动态导入模块，这意味着可以在运行时动态加载模块。这是一个非常有用的功能，因为它允许程序员按需加载代码，而不必预先加载所有代码。
下面是一个简单的示例，说明如何使用 import()：
import('./myModule.js')
.then(myModule => {
console.log(myModule.myExportedFunction());
})
.catch(err => {
console.log('Failed to load module.', err);
});2. 可选链操作符
在 ES 2020 中，新增了可选链操作符 ?.，这使得访问对象属性的代码更加简洁和安全。在以前的代码中，访问嵌套对象的属性时，需要使用多个判断语句来确保对象存在：
if (obj && obj.prop && obj.prop.innerProp) {
// 对innerProp进行处理
}在现在的代码中，使用可选链操作符就可以简化代码，使其更加直观：
if (obj?.prop?.innerProp) {
// 对innerProp进行处理
}如果 obj 或 obj.prop 不存在，代码并不会抛出异常，而是返回 undefined。
3. Promise.allSettled() 方法
在 ES 2020 中，新增了 Promise.allSettled() 方法，它可以同时处理多个 Promise 对象，返回一个 Promise 实例，当所有 Promise 对象都完成后，它会返回一个数组，数组中的每个元素包含 Promise 对象执行结果的状态和值。
-- -------------------- ---- ------- ----- -------- - - ----------------------- ---------------------- ---------------------- -- ---------------------------- ------------- -- --------------------- ---------- -- ------------------
输出结果：
[
{ status: 'fulfilled', value: 'foo' },
{ status: 'rejected', reason: 'bar' },
{ status: 'fulfilled', value: 'baz' }
]4. globalThis 全局对象
从 ES 2020 开始，可以使用 globalThis 关键字在任何环境下获取全局对象。这意味着可以在浏览器、Node.js 或其他 JavaScript 环境中获取全局对象，无需在不同的环境中使用不同的方法或语法。
console.log(globalThis.document === window.document); // true in browser console.log(globalThis.process === process); // true in Node.js
总结
以上就是 ES 2020 中的几个新特性。它们可以大大提高 JavaScript 编程效率，使代码更加精简，可读性更高，可维护性更强。建议各位开发者尽快熟悉这些新特性，并使用它们来改善现有的代码。如果您还不熟悉这些新特性，可以看看上面的示例代码，并自己动手尝试一下。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/647ac91d968c7c53b066ebc4