ECMAScript 2020（ES11）的新特性

还是大剑师兰特：曾是美国某知名大学计算机专业研究生，现为航空航海领域高级前端工程师；CSDN知名博主，GIS领域优质创作者，深耕openlayers、leaflet、mapbox、cesium，canvas，webgl，echarts等技术开发，欢迎加底部微信（gis-dajianshi），一起交流。

ECMAScript 2020（ES11 或 ES2020）引入了一些新的特性，下面我们详细探讨这些新特性，并给出相应的示例代码。

ECMAScript 2020 (ES11)

1. BigInt

BigInt 是一种内置对象，它提供了一种方法来存储和操作任意大小的整数。在ES2020中，BigInt 成为了正式的一部分。

示例代码

const bigIntValue = 1234567890123456789012345678901234567890n;
console.log(bigIntValue + 1n); // 输出: 1234567890123456789012345678901234567891n

2. String.prototype.matchAll

matchAll 方法返回一个迭代器，可以迭代字符串中的所有匹配项。

示例代码

const text = 'hello world hello universe';
const pattern = /hello/g;
const matches = text.matchAll(pattern);

for (const match of matches) {
  console.log(match.index); // 输出: 0, 13
}

3. Promise.allSettled

Promise.allSettled 方法等待所有的 Promise 都完成，无论结果是 fulfilled 还是 rejected，并返回一个包含结果的数组。

示例代码

const promise1 = Promise.reject('reject');
const promise2 = Promise.resolve('resolve');
const promise3 = Promise.reject('reject');

Promise.allSettled([promise1, promise2, promise3]).then(results => {
  results.forEach(result => {
    console.log(result.status, result.value || result.reason);
  });
});
// 输出:
// rejected reject
// fulfilled resolve
// rejected reject

4. globalThis

globalThis 提供了一个全局对象的引用，无论是在浏览器还是 Node.js 中都可用。

示例代码

console.log(globalThis === window); // 输出: true (在浏览器环境中)
console.log(globalThis === global); // 输出: true (在 Node.js 环境中)

5. Dynamic Import Assertions

动态导入现在支持类型断言，可以指定导入的模块类型。

示例代码

import('./module.js' { type: 'json' }).then(module => {
  console.log(module); // 输出: module 的内容
});

6. Nullish Coalescing Operator (??)

?? 运算符返回其左边的操作数，除非该操作数为 null 或 undefined，否则返回右边的操作数。

示例代码

const value1 = null;
const value2 = undefined;
const value3 = 'default';

console.log(value1 ?? value3); // 输出: default
console.log(value2 ?? value3); // 输出: default
console.log('non-null' ?? value3); // 输出: non-null

7. Optional Chaining (?.)

?. 运算符允许安全地访问深层嵌套的属性，如果任何中间的属性不存在，则返回 undefined。

示例代码

const obj = {
  a: {
    b: {
      c: 'value'
    }
  }
};

console.log(obj.a.b.c); // 输出: value
console.log(obj.a.b.d?.x); // 输出: undefined

8. Internationalization API Improvements

ECMAScript 2020 对 Intl API 进行了改进，增加了对相对时间格式化和支持更多地区设置的能力。

示例代码

const formatter = new Intl.RelativeTimeFormat('en', { numeric: 'always' });
console.log(formatter.format(1, 'second')); // 输出: 1 second ago
console.log(formatter.format(-1, 'minute')); // 输出: 1 minute from now

以上就是ECMAScript 2020（ES11）的新特性及其示例代码。这些特性提高了JavaScript的灵活性和易用性。