ES2020 七大新特性，不容错过！

在 JavaScript 不断演进的进程中，ES2020 带来了一系列令人瞩目的新特性，为开发者提供了更强大的工具和更优雅的编程方式。以下是 ES2020 的七大不容错过的新特性。

1. 可选链（Optional Chaining）

可选链操作符（?.）提供了一种更简洁和安全的方式来访问可能为空或未定义的对象属性。不再需要繁琐的前置条件检查，大大减少了代码量，并提高了代码的可读性。

const user = { address: { city: 'New York' } };
const city = user?.address?.city; 

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

空值合并操作符（??）用于处理 null 和 undefined 的情况。当左侧操作数为 null 或 undefined 时，返回右侧操作数，否则返回左侧操作数。

const defaultValue = 10;
const value = null?? defaultValue; 

3. 动态导入（Dynamic Import）

动态导入允许在运行时按需加载模块，有助于优化应用的初始加载时间和性能。

const module = await import('./module.js');

4. 大整数（BigInt）

BigInt 类型支持超过 2^53 - 1 的整数，满足了对大整数进行精确计算的需求。

const bigNumber = 9007199254740991n;

5. String.prototype.matchAll()

该方法返回一个迭代器，包含所有匹配正则表达式的结果。

const str = 'Hello 123 World 456';
const regex = /\d+/g;
const matches = str.matchAll(regex);

6. 模块的顶层 await

在模块中可以直接使用 await 关键字，无需将其包裹在异步函数内。

const result = await fetchData();

7. Promise.allSettled()

该方法返回一个 Promise，当所有传入的 Promise 都已 settled（无论是完成还是拒绝）时，返回一个对象数组，每个对象描述对应的 Promise 的结果。

const promises = [
  Promise.resolve(1),
  Promise.reject(2)
];
const results = await Promise.allSettled(promises);

ES2020 的这些新特性为 JavaScript 开发者带来了更多的灵活性和效率，使代码更加简洁、易读和易于维护。掌握并合理运用这些新特性，能够提升开发体验，构建更强大的应用程序。