TC39委员会于近期批准了ECMAScript 2020（即ES2020）候选提案，即经审定最终添加到JavaScript语言中的特性集。ES2020候选提案是今年六月提交ECMA大会（General Assembly）的审批汇总，其中的大部分新特性已在浏览器中得到实现，并已可被Babel JavaScript解析器转码（transpile）。

在ES2020规范中，为String对象引入了新的matchAll方法，该方法根据一个全局正则表达式生成所有匹配对象的一个迭代器；在语法上支持import()，使用动态描述符异步导入模块；支持任意精度整型的BigInt类型；Promise新的组合器Promise.allSettled，它不会造成短路；提供访问全局this值的通用操作方式globalThis；模块内使用的export * as ns from 'module’专用语法；进一步规范化的for-in枚举属性顺序；模块中可包含依赖于宿主环境上下文相关信息的import.meta特性；以及改进对空位（即null和undefined）处理的两个新语法特性，即值选取操作符“空位合并”（nullish coalescing），和“可选链”（optional chaining），一种一旦所访问或调用的值为空位时采取短路的访问/调用操作符。

动态导入（Dynamic imports）特性用于动态加载由应用合并（Bundling）中代码切分阶段所生成的模块。该特性已得到除IE11以外的大部分浏览器的支持。开发人员可在任何时间无条件（例如，不同于只在模块头部定义导入，而是可在代码任何位置）使用import()方法异步导入以moduleSpecifier = dir + 'my-math.mjs’方式动态构建的模块，并返回一个Promise对象。示例代码如下：

const dir = './lib/';
const moduleSpecifier = dir + 'my-math.mjs';

async function loadConstant() {
  const myMath = await import(moduleSpecifier);
  const result = myMath.LIGHTSPEED;
  assert.equal(result, 299792458);
  return result;
}

import.meta对象中包含了依赖于当前宿主环境的模块元数据。当前其中最受开发人员关注的是url属性，url给出了当前模块文件的URL字符串。开发人员可使用该URL字符串去导入相关模块，或是根据模块当前信息有条件地执行一些操作。ES2020提案中给出了如下示例代码，获取当前模块对应的hamster.jpg文件。

(async () => {
  const response = await fetch(new URL("../hamsters.jpg", import.meta.url));
  const blob = await response.blob();

  const size = import.meta.scriptElement.dataset.size || 300;

  const image = new Image();
  image.src = URL.createObjectURL(blob);
  image.width = image.height = size;

  document.body.appendChild(image);
})();

当该模块加载的时候，无论模块的加载位置在哪里，都会加载同级目录下的一个hamsters.jpg文件，并显示该图片。图片文件的大小可在导入时使用JavaScript元素设定，例如：

关键字globalThis支持开发人员在编写可移植ECMAScript代码时访问全局对象，无需根据浏览器、Worker线程和Node.js环境分别使用window、self和global，并支持对其它一些边缘情况的处理。

新的export语法（export * as ns from "mod）提供了新的export from方式，支持将另一个模块命名空间中的外来对象以命名的方式导出，提供类似于现有export from的使用方式。

Promise.allSettled()的提出，完善了ECMAScript ES2015现有的Promise.all()和Promise.race()方法。该方法无论各Promise的返回结果是满足还是拒绝，都会执行设定的操作。示例代码如下：

Promise.allSettled([
  fetch("https://api.github.com/users/pawelgrzybek").then(data => data.json()),
  fetch("https://api.github.com/users/danjordan").then(data => data.json())
])
  .then(result => console.log(`All profile settled`));

在上例中如果使用标准的Promise.all()，一旦第一个Promise被拒绝，那么整个Promise操作都会被拒绝，这样第二个Promise永远无法得到满足。Promise.allSettled可处理需考虑部分执行结果的情况，例如一个Promise被拒绝，而另一个得到满足。

“可选链”（Optional chaining，语法为“(a?.b)”）和“空位合并”（nullish coalescing，语法为“(a ?? b)”）已得到Babel（7.0及以上版本）、Edge/Chrome/Firefox等常用浏览器以及TypeScript 3.7以上版本的支持。两个特性支持在访问或调用值为空位的情况下执行短路操作。例如，let x = foo?.bar.baz()语句可替代：

let x = foo === null || foo === undefined ? undefined : foo.bar.baz();

BigInt支持开发人员精确操作大型数值。创建BigInt时，需在整型值后添加n，例如10n，或是通过调用BigInt()方法。例如，2 ** 53 + 1的求值结果为9007199254740992，但该值是一个奇数，不可能以2为结尾，所以产生了错误。如果定义为2n ** 53n +1n，那么就可正确求值为9007199254740993n。这也是为什么Twitter的JSON API以字符串而非整型数值形式返回推文ID值的原因。部分最新版本浏览器已支持BigInt，其中包括Firefox 68和Chrome 67以上版本，其它一些浏览器正在着力解决中。

String.matchAll已得到除Safari外所有主要浏览器的支持。matchAll()方法返回字符串匹配所有结果的迭代器，支持“捕获组”（capturing groups）等正则表达式，示例代码如下：

const text = "From 2019.01.29 to 2019.01.30";
const regexp = /(?<year>\d{4}).(?<month>\d{2}).(?<day>\d{2})/gu;
const results = Array.from(text.matchAll(regexp));

// results:
// [
//   [
//     '2019.01.29',
//     '2019',
//     '01',
//     '29',
//     index: 5,
//     input: 'From 2019.01.29 to 2019.01.30',
//     groups: { year: '2019', month: '01', day: '29' }
//   ],
//   [ (...) ]
// ]

TC39委员会由JavaScript开发人员、业界、学者等各方组成，与社区合作一并维护JavaScript（即先前的ECMAScript），并推进其发展。TC39中包括了各主要浏览器厂商，每个ECMAScript特性提案将经历如下五个成熟度阶段，即阶段0：“稻草人”（Strawman）阶段；阶段1：提议阶段；阶段2：草案阶段；阶段3：候选阶段；阶段4：完成阶段。达成阶段4的特性，将添加到标准中，并可安全使用。

ECMAScript语言规范的首个版本于1997年发布，ECMAScript 2020是该规范的第十一版。目前，ECMAScript是全球范围内最广为使用的通用编程语言。

原文链接：

ES2020’s Feature Set Finalized

创作场景

ES2020 特性集尘埃落定