其他分享
首页 > 其他分享> > 全网最全 ECMAScript 攻略

全网最全 ECMAScript 攻略

作者：互联网

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

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

ECMAScript 历史

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

01-Ecma_International_Logo.svg.png

01-Ecma_International_Logo.svg.png

了解了这段历史，为了技术写的专业性，如果文章中提到 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。

02-ecma-latest-standard.png

02-ecma-latest-standard.png

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

03-ecma262.png

03-ecma262.png

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

探秘 Ecma TC39 神秘组织

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

04-ecma-tc39.png

04-ecma-tc39.png

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

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 会员：

05-tc39-contribute.png

05-tc39-contribute.png

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

06-members.png

06-members.png

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

07-memeber-fee.png

07-memeber-fee.png

Associate members 没有 Ecma 大会（General Assembly）的投票权！在 Associate members 中，我国的阿里巴巴、华为、腾讯、360 赫然在列。

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

08-member-fee-all.png

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 等同理。

09-历届版本.png

09-历届版本.png

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

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

TC39 进程和 Stage X

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

为了解决上述问题， TC39 建立了新的 TC39 进程：

10-历届阶段.png

10-历届阶段.png

理解了 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

ES2017

ES2018

ES2019

ES2020

ES2021

ES2022

结语

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

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

参考资料

标签：会议记录,最全,维护者,ECMAScript,攻略,TC39,ECMA,Ecma
来源： https://blog.csdn.net/FrontendRadioo/article/details/116059097