全网最全 ECMAScript 攻略

2022-09-20 07:50:27 浏览数 (1)

作为前端开发工程师,ES6 这个词想必不陌生,对 ECMAScript 这个奇怪发音的名字也应该有所了解,你是否好奇过 ECMA 世界的神秘数字代号,ECMA-262 是什么,ESxxx 又是什么,TC39 是什么,Stage 3Stage 4 又意味着什么?你是否被层出不穷的 ES20XX 新特性所迷惑,需要掌握该特性到底是哪年推出的吗,这些提案在哪里能够看到,哪些已经可用,历年的 ES 标准去哪里查找?今天我来带大家揭开 ECMAScript 的神秘面纱,彻底理解掌握这些神秘代号,以及截止到 2021 年 ECMAScript 的特性。

另:祝贺我国首个 JS 语言提案在 ECMA 进入 Stage 3。

ECMAScript 历史

我们首先来看 ECMA 是什么。ECMA,读音类似“埃科妈”,是欧洲计算机制造商协会(European Computer Manufacturers Association)的简称,是一家国际性会员制度的信息和电信标准组织。1994 年之后,由于组织的标准牵涉到很多其他国家,为了体现其国际性,更名为 Ecma 国际(Ecma International),因此 Ecma 就不再是首字母缩略字了。

Ecma International

了解了这段历史,为了技术写的专业性,如果文章中提到 Ecma 的时候,可以写成 Ecma 或者 ecma,不要写成 ECMA,除非是 ECMAScript 或 ECMA-XXX 这类专有名词。

1995 年,著名的网景公司(Netscape)的 Brendan Eich 开发了一种脚本语言,最初命名为 Mocha,后来改名为 LiveScript,最后为了蹭当时火热的 Java 热度重命名为了 JavaScript。

了解了 Ecma 国际和 JavaScript,就方便了解 ECMAScript 了,ECMAScript 是一种由 Ecma 国际在标准 ECMA-262 中定义的 脚本语言 规范。这种语言在往往被称为 JavaScript 或 JScript ,但实际上 JavaScript 和 JScript 是 ECMA-262 标准的实现和扩展。

神秘的 ECMA-262

上文提到了第一个神秘代码 ECMA-262,ECMA-262 到底是什么呢?原来 Ecma 国际的标准,都会以 Ecma-Number 命名,ECMA-262 就是 ECMA 262 号标准,具体就是指 ECMAScript 遵照的标准。1996 年 11 月,网景公司将 JavaScript 提交给 Ecma 国际进行标准化。ECMA-262 的第一个版本于 1997 年 6 月被 Ecma 国际采纳。

尽管 JavaScript 和 JScript 与 ECMAScript 兼容,但包含超出 ECMAScript 的功能。

我们如何查看最新最全的 Ecma 标准呢,可以查看 Ecma 国际官网的 Standards。截止到 2021 年 4 月,最新的 Ecma 标准已经到了 ECMA-418。

Ecma 标准涉及的类别非常多,官网因此提供了按照类别和最新修改排序的功能,我们来看看 ECMA-262 属于哪个类别:

ECMA-262 属于“软件工程与接口”类别,该类别一共有 12 个标准,详见上图。注意,ECMA-262 的最新更新日期是 2020 年 6 月,并且会在今年 6 月进行更新,更新之后,ES2021 就会成为 ECMA 标准。

探秘 Ecma TC39 神秘组织

揭开了 Ecma-262 神秘面纱之后,我们来探秘一个代号名为 TC39 的神秘组织。

Ecma TC39

其实官网解释的已经很清楚了,我用中文简要概括下:

TC39 是 Technical Committee 39 的简称,是制定 ECMAScript 标准的委员会,由各个主流浏览器厂商的代表构成,主席团三人分别来自 PayPal、Bloomberg 和 Microsoft,下设两个工作组(task group) TC39-TG1 和 TC39-TG2 。

TC39-TG1 工作组主要工作是通用 ECMAScript® 语言, 包括语法、语义、类库以及支持该语言的技术。

TC39-TG2 工作组 ECMAScript® 国际化 API 标准。

我们经常会看到类似的新闻:XX 公司成为 Ecma TC39 成员。想要加入 TC39 会议,必须先成为 Ecma 会员:

那 Ecma 到底有哪些成员呢?Ecma 官网给出了答案:

几大巨头赫然在列!看到这里,发现一共有 5 种类别,分别是 Ordinary members、Associate members、SME members、SPC members、NFP members,我们来看 Ordinary members 和 Associate members 的对比:

Associate members 没有 Ecma 大会(General Assembly)的投票权!在 Associate members 中,我国的阿里巴巴、华为、腾讯、360 赫然在列。

Wait,CHF 70000,这是 70000 法郎?Ecma 果然是欧洲豪门,顶级会员年费接近 50 万人民币。算了一下 Ecma 国际会员费收入每年就有 1,134,000 法郎,约 800 万人民币。

08-member-fee-all.png

了解更多关于 TC39 的内容,可以探索其官网 TC39 – Specifying JavaScript. 和 GitHub 仓库 Ecma TC39 · GitHub,注意这个仓库很重要。查看一下 members,发现了 月影、李松峰 和 元彦 三位国内大佬。

我们熟悉的 ES6

探究完神秘的 ECMA-262 和 TC39 之后,我们缓口气,来看看我们最为熟悉的 ESX 家族。

上文提到 ECMAScript 是由 Ecma 国际在标准 ECMA-262 中定义的脚本语言规范。到 2015 年,一共发布了 1、2、3、4、5、5.1、6 共 7 个版本(其中 4 被废弃)。

我们常把 5.1 之前的 ECMAScript 版本统称做 ES5,将 6 版本之后的版本统称做 ES6(因为从 2015 年起,ECMAScript 终于步入正轨,每年发布一次版本,到了 2021 年,已经发布了 6 个版本了,实在太多,所以用变革了 JavaScript 时代的 ES6 作为后续版本的代称)。

划重点,Web 前端招聘的 JD 中,经常出现的 ES6,不仅仅是 ES2015 这个版本,而是指代 ES2015 和其后每年发布的 ECMAScript 版本

从 ECMAScript 第 6 版开始,每年发布一个 ECMAScript 版本,因此 ECMAScript 版本有了很多名字,包括全名 ECMAScript 6、简写 ES6、年份命名 ECMAScript 2015、年份简写 ES2015。最常见的名字还是 ES6,之后推出的 ES7、ES8 等同理。

需要注意的是,自从 TC39 进程 制定以来,ECMAScript 版本的重要性就降低了很多。大家不必记住某一个 ES 特性到底是哪年推出的。现在真正重要的是提案处于哪个阶段:一旦提案到了第 4 阶段,那么它就可以使用了。但是即使这样,你仍然需要检查你的引擎是否支持该功能。

这里又提到了一个 TC39 进程 和阶段(Stage)的概念,我们接下来看看这两个概念是什么含义。

TC39 进程和 Stage X

TC39 进程 故名思义,肯定是 TC39 组织发布的一个进程。随着 ECMAScript 6 的发布,当时的发布流程出现了两个明显的问题:

  • 如果在两个 release 之间多次通过早已准备好的功能,势必在其 release 之前等待很长一段时间。而且功能准备如果很晚,会增加 deadline 之前匆忙赶工的风险。
  • 很多功能在其实现和使用之前就花了很长时间在设计上,发现与实现和使用相关的设计缺陷会非常晚。

为了解决上述问题, TC39 建立了新的 TC39 进程:

  • ECMAScript 功能设计与每年的 ECMAScript 版本发布独立,使用不同阶段(Stage)来区分功能的状态,共 5 个阶段,从 Stage 0(strawman)开始,到 Stage 4 (finished)结束。
  • 越往后的阶段,需要原型实现和真机测试,可以建立设计和实现之间的反馈机制。
  • ECMAScript 版本每年发布一次,发布的内容包含在 release deadline 之前的全部到达 Stage 4 的功能。
  • Stage 0:代号“稻草人(strawman)”,草案阶段
  • Stage 1:代号“提案(proposal)”, TC39 帮助阶段
  • Stage 2:代号“草案(draft)”, 本阶段很有可能成为标准
  • Stage 3:代号“候选(candidate)”, 已完成,需要从实现中获得反馈
  • Stage 4:代号“结束(finished)”, 准备成为标准

理解了 Stage 各阶段的含义,就能理解我国首个 JS 语言提案在 ECMA 进入 Stage 3这个新闻的意义了。

如何查看各阶段的提案呢?可以查阅 GitHub - tc39/ecma262: Status, process, and documents for ECMA-262 这个 repo。

历届 ES 特性全收录 ES2016 - ES2022

网上有太多零散的 ES 特性总结,很多同学想知道,有官方的 ECMAScript 功能列表吗

当然有,TC39 仓库列出了 已完成提案 以及它们的版本。

虽然 6 年过去,但是新增的 ES 功能其实并不多,截至 2021 年 4 月 23 日,包括草案的功能,一共 39 个

ES2016

  • Array.prototype.includes
    • 作者:Domenic Denicola
    • 维护者:Domenic Denicola、Rick Waldron
    • TC39 会议记录:November 2015
    • 发布时间:2016
  • Exponentiation operator
    • 作者:Rick Waldron
    • 维护者:Rick Waldron
    • TC39 会议记录:January 2016
    • 发布时间:2016

ES2017

  • Object.values/Object.entries
    • 作者:Jordan Harband
    • 维护者:Jordan Harband
    • TC39 会议记录:March 2016
    • 发布时间:2017
  • String padding
    • 作者:Jordan Harband
    • 维护者:Jordan Harband、Rick Waldron
    • TC39 会议记录:May 2016
    • 发布时间:2017
  • Object.getOwnPropertyDescriptors
    • 作者:Jordan Harband、Andrea Giammarchi
    • 维护者:Jordan Harband、Andrea Giammarchi
    • TC39 会议记录:May 2016
    • 发布时间:2017
  • Trailing commas in function parameter lists and calls
    • 作者:Jeff Morrison
    • 维护者:Jeff Morrison
    • TC39 会议记录:July 2016
    • 发布时间:2017
  • Async functions
    • 作者:Brian Terlson
    • 维护者:Brian Terlson
    • TC39 会议记录:July 2016
    • 发布时间:2017
  • Shared memory and atomics
    • 作者:Lars T Hansen
    • 维护者:Lars T Hansen
    • TC39 会议记录:January 2017
    • 发布时间:2017

ES2018

  • Lifting template literal restriction
    • 作者:Tim Disney
    • 维护者:Tim Disney
    • TC39 会议记录: March 2017
    • 发布时间:2018
  • s (dotAll) flag for regular expressions
    • 作者:Mathias Bynens
    • 维护者:Brian Terlson、Mathias Bynens
    • TC39 会议记录:November 2017
    • 发布时间:2018
  • RegExp named capture groups
    • 作者:Gorkem Yakin、Daniel Ehrenberg
    • 维护者:Daniel Ehrenberg、Brian Terlson、Mathias Bynens
    • TC39 会议记录:November 2017
    • 发布时间:2018
  • Rest/Spread Properties
    • 作者:Sebastian Markbåge
    • 维护者:Sebastian Markbåge
    • TC39 会议记录:January 2018
    • 发布时间:2018
  • RegExp Lookbehind Assertions
    • 作者:Gorkem Yakin、Nozomu Katō、Daniel Ehrenberg
    • 维护者:Daniel Ehrenberg、Mathias Bynens
    • TC39 会议记录:January 2018
    • 发布时间:2018
  • RegExp Unicode Property Escapes
    • 作者:Mathias Bynens
    • 维护者:Brian Terlson、Daniel Ehrenberg、Mathias Bynens
    • TC39 会议记录:January 2018
    • 发布时间:2018
  • Promise.prototype.finally
    • 作者:Jordan Harband
    • 维护者:Jordan Harband
    • TC39 会议记录 :January 2018
    • 发布时间:2018
  • Asynchronous Iteration
    • 作者:Jordan Harband
    • 维护者:Jordan Harband
    • TC39 会议记录 :January 2018
    • 发布时间:2018

ES2019

  • Optional catch binding
    • 作者:Michael Ficarra
    • 维护者:Michael Ficarra
    • TC39 会议记录 :May 2018
    • 发布时间:2019
  • JSON superset
    • 作者:Richard Gibson
    • 维护者:Mark Miller、Mathias Bynens
    • TC39 会议记录:May 2018
    • 发布时间:2019
  • Symbol.prototype.description
    • 作者:Michael Ficarra
    • 维护者:Michael Ficarra
    • TC39 会议记录:November 2018
    • 发布时间:2019
  • Function.prototype.toString revision
    • 作者:Michael Ficarra
    • 维护者:Michael Ficarra
    • TC39 会议记录:November 2018
    • 发布时间:2019
  • Object.fromEntries
    • 作者:Darien Maillet Valentine
    • 维护者:Jordan Harband、Kevin Gibbons
    • TC39 会议记录:January 2019
    • 发布时间:2019
  • Well-formed JSON.stringify
    • 作者:Richard Gibson
    • 维护者:Mathias Bynens
    • TC39 会议记录:January 2019
    • 发布时间:2019
  • String.prototype.{trimStart,trimEnd}
    • 作者:Sebastian Markbåge
    • 维护者:Sebastian Markbåge、Mathias Bynens
    • TC39 会议记录:January 2019
    • 发布时间:2019
  • Array.prototype.{flat,flatMap}
    • 作者:Brian Terlson、Michael Ficarra、Mathias Bynens
    • 维护者:Brian Terlson、Michael Ficarra
    • TC39 会议记录:January 2019
    • 发布时间:2019

ES2020

  • String.prototype.matchAll
    • 作者:Jordan Harband
    • 维护者:Jordan Harband
    • TC39 会议记录:March 2019
    • 发布时间:2020
  • BigInt
    • 作者:Daniel Ehrenberg
    • 维护者:Daniel Ehrenberg
    • TC39 会议记录:June 2019
    • 发布时间:2020
  • Promise.allSettled
    • 作者:Jason Williams、Robert Pamely、Mathias Bynens
    • 维护者:Mathias Bynens
    • TC39 会议记录:July 2019
    • 发布时间:2020
  • globalThis
    • 作者:Jordan Harband
    • 维护者:Jordan Harband
    • TC39 会议记录:October 2019
    • 发布时间:2020
  • for-in mechanics
    • 作者:Kevin Gibbons
    • 维护者:Kevin Gibbons
    • TC39 会议记录:December 2019
    • 发布时间:2020
  • Optional Chaining
    • 作者:Gabriel Isenberg、Claude Pache、Dustin Savery
    • 维护者:Gabriel Isenberg、Dustin Savery、Justin Ridgewell、Daniel Rosenwasser
    • TC39 会议记录:December 2019
    • 发布时间:2020
  • Nullish coalescing Operator
    • 作者:Gabriel Isenberg
    • 维护者:Gabriel Isenberg、Justin Ridgewell、Daniel Rosenwasser
    • TC39 会议记录:December 2019
    • 发布时间:2020
  • import.meta
    • 作者:Domenic Denicola
    • 维护者:Gus Caplan
    • TC39 会议记录:March 2020
    • 发布时间:2020

ES2021

  • String.prototype.replaceAll
    • 作者:Peter Marshall、Jakob Gruber、Mathias Bynens
    • 维护者:Mathias Bynens
    • TC39 会议记录:June 2020
    • 预计发布时间:2021
  • Promise.any
    • 作者:Mathias Bynens、Kevin Gibbons、Sergey Rubanov
    • 维护者:Mathias Bynens
    • TC39 会议记录:July 2020
    • 预计发布时间:2021
  • WeakRefs
    • 作者:Dean Tribble、Sathya Gunasekaran
    • 维护者:Dean Tribble、Mark Miller、Till Schneidereit、Sathya Gunasekaran、Daniel Ehrenberg
    • TC39 会议记录:July 2020
    • 预计发布时间:2021
  • Logical Assignment Operators
    • 作者:Justin Ridgewell
    • 维护者:Justin Ridgewell、Hemanth HM
    • TC39 会议记录:July 2020
    • 预计发布时间:2021
  • Numeric separators
    • 作者:Sam Goto、Rick Waldron
    • 维护者:Sam Goto、Rick Waldron、Leo Balter
    • TC39 会议记录:July 2020
    • 预计发布时间:2021

ES2022

  • Class Fields ( Private instance methods and accessors , Class Public Instance Fields & Private Instance Fields , Static class fields and private static methods )
    • 作者:Daniel Ehrenberg
    • 维护者:Daniel Ehrenberg、Kevin Gibbons
    • TC39 会议记录:April 2021
    • 预计发布时间:2022

结语

授人以鱼,不如授人以渔,希望通过本文追根溯源,带领同学们走进 ECMAScript 的世界,ES 神秘代码不再神秘,ES 新特性不再彷徨。

我是清秋,一个有着教师梦的 Web 前端非典型程序员。公众号 Frontend Radio 刚刚起步,期待我的文章能够帮助到更多同学,让我们一起成长,早日成为 Frontend Master。

参考资料

  • Ecma国际 - 维基百科,自由的百科全书
  • History and evolution of JavaScript
  • 【译】ECMAScript 2021: 最终功能集确定

往期推荐

炫彩无界,性能怪兽,M1 扛鼎未来,2021 年 Apple 春季新品发布会全记录

未来已来,HarmonyOS 开发者日全记录

写作是一辈子的事 —— 掘金创作者训练营全记录

【React Conf 2018 回顾】React 的今天和明天 II —— React Hooks 提案

【React Conf 2018 回顾】React 的今天和明天 I —— 现状和问题

博客主题用腻了?来试试赛博朋克 2077 主题吧!

React 中后台系统多页签实现

尤雨溪 Twitch 直播:下一代前端构建工具 ViteJS —— Open Source Friday

尤雨溪:Vue 3 将不会支持 IE11

0 人点赞