全网最全 ECMAScript 攻略

已于 2022-10-02 17:53:23 修改
阅读量315 收藏
点赞数
分类专栏： [Web]前端H5 文章标签： javascript 开发语言 ecmascript
于 2022-10-02 17:52:56 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/paladinzh/article/details/127144824
版权

全网最全 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 就不再是首字母缩略字了。

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

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

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 万人民币。

了解更多关于 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

ES2017

ES2018

ES2019

ES2020

  • BigInt
    • 作者：Daniel Ehrenberg
    • 维护者：Daniel Ehrenberg
    • TC39 会议记录： June 2019
    • 发布时间：2020
  • Promise.allSettled
    • 作者：Jason Williams、Robert Pamely、Mathias Bynens
    • 维护者：Mathias Bynens
    • TC39 会议记录： July 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

  • 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

ES2022

结语

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

参考资料

行知致简
关注
专栏目录
ECMAScript2020【ES11】使用教程
微光·火炬
05-17 519
2015.6：正式发布ES6 ES2016还包括了一个新的乘方运算的支持，并增加了一个新的方法Array.prototype叫includes。 ECMAScript 2017引入了异步功能 异步函数通过为承诺返回函数提供语法来改善异步编程体验。它还包括对象的静态方法：Object.values，Object.entries，和Object.getOwnPropertyDescriptors。 ECMAScript 2018通过AsyncIterator协议和异步生成器引入了对异步迭代的支持。它还包括四个新
【全网之最】全网最简洁判断JavaScript中字符串是否以某一个特定字符串结尾的方法，多用于判断文件名的后缀（格式）
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
06-13 5782
"被查询字符串".split("结尾字符串")[1] === "" 例如： 'abcdef'.split("g")[1] === "";//false 'abcdef'.split("abcde")[1] === "";//false 'abcdef'.split("f")[1] === "";//true 'abcdef'.split("def")[1] === "";//true
ES6 (ECMAScript 6 简明教程)
weixin_43885779的博客
02-21 299
ECMAScript 6 目前基本成为业界标准，它的普及速度比 ES5 要快很多，主要原因是现代浏览器对 ES6 的支持相当迅速，尤其是 Chrome 和 Firefox 浏览器，已经支持 ES6 中绝大多数的特性。 1. let、const 和 block 作用域 let 允许创建块级作用域，ES6 推荐在函数中使用 let 定义变量，而非 var： var a = 2; { let a = 3; console.log(a); // 3 } console.log(a); // 2 同样在块
0.ECMAScript 6 简介
awkticu3808的博客
01-16 364
ECMAScript 6简介ECMAScript 6 简介ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。ECMAScript 和 JavaScript 的关系一个常见的问题是，ECMAScript 和 Jav...
ECMAScript 6 简明教程（一文搞懂ES6）_ecmascript教程
2401_84434954的博客
04-26 642
/ “value 与 ‘a string’ 关联”// “value 与 keyFunc 关联”// “value 与 keyObj 关联”myMap.set(keyString, “value 与 ‘a string’ 关联”);myMap.set(keyFunc, “value 与 keyFunc 关联”);myMap.set(keyObj, “value 与 keyObj 关联”);model, // 等同于 model: model。value, // 等同于 value: value。
手把手教你构建一个web前端项目，全网最详细教程！
clhq71932的博客
07-16 3177
1. 选择现成的项目模板还是自己搭建项目骨架 搭建一个前端项目的方式有两种：选择现成的项目模板、自己搭建项目骨架。 选择一个现成项目模板是搭建一个项目最快的方式，模板已经把基本的骨架都搭建好了，你只需要向...
全网最强vue教学 ，编程不良人的2021版本Vue学习资料内涵学习笔记、测试代码等一系列资源
01-26
基于企业最流行Vue实战技术，授课图文并茂，资料详实丰富，带你领略不一样的授课风格和实战技巧！ 本次课程主要讲解：vue core、vue component、vue router、vue cli 以及 vue x 等全家桶技术栈！ 你不懂的都在这里...
ecmascript手册
07-12
ecmascript手册，可以通过手册料及基于此规范的语言
ECMAScript 6入门教程（传送门）
幻想家
05-29 817
昨天刚写了关于js小结的博客，其中有一点就是js没有块级作用域，在这里表示才疏学浅。今天恰好搜到了关于ECMAScript 6的新特性，在6中添加了块级作用域。下面是传送门：(点击进入) 我是知识的搬运工
ECMAScript 基础知识
12-12
JavaScript的核心之一ECMAScript的语言特性和Java、C、Perl都有许多相似之处，其中不少特性都是从这些语言借鉴而来，同时它们之间也存在许多差异。下面列举一些ECMAScript的基本特性。    –和Java一样，ECMAScript区分大小写，注释的格式相同，通过{}确定代码块，原始数据类型存储在堆栈，对象的引用存储在堆中    –ECMAScript是一种松散的语言，ECMAScript通过var操作符声明变量，并且不限类型，例如var n = 25，那么n就是数字类型，var n = “string” ，那么n就是String类型    –在每一行代码后，可以不写分
ECMAScript
06-18
《ECMAScript国际标准（第6版）》编号为 ECMA-262 正式通过，标志JavaScript在诞生20年后，开始升级为企业级大型应用的开发语言。
ES6新特性详解
xing_kai_kai的博客
07-25 1028
ES 6 新特性 let 关键字 let 关键字用来声明变量，使用 let 声明的变量有几个特点： 不允许重复声明 块儿级作用域 不存在变量提升 不影响作用域链 以后写js声明变量都用let const 关键字 const 关键字用来声明常量，const 声明有以下特点 声明必须赋初始值 标识符一般为大写（潜规则） 不允许重复声明 常量值不允许修改 块儿级作用域 注意: 对象属性修改和数组元素变化不会出发 const 错误 声明对象类型使用 const，非对象类型声明选择 let 变量的解构
ECMAScript6入门教程（二）
yfy的博客
11-18 311
ECMAScript入门教程（一） 2.11 生成器 生成器函数是 ES6 提供的一种异步编程解决方案，语法行为与传统函数完全不同 function * gen(){ yield '一只没有耳朵'; yield '一只没有尾部'; yield '真奇怪'; } ​ let iterator = gen(); console.log(iterator.next());...
ECMAScript 6.0基础入门教程（二）-Promise、generator
hexinyu_1022的博客
06-28 706
ECMAScript 6.0基础入门教程（二） 8、Promise Promise——承诺 8.1 异步 操作之间没有关系 同时进行多个操作 回调写法代码复杂（回调地狱） 下面是异步操作代码，如果想要同时读取不同模块的数据，就要写成回调方式。 ajax('/top', function (top_data){ //top读取成功 ajax('/left', ...
《ECMAScript 6 入门教程》学习笔记
G847674218的博客
01-07 575
（一）ECMAScript 6 简介 1、Babel转码器：用于将ES6代码转换为ES5代码，实现兼容。 （二）let和const命令 1、let的基本用法 （1）let声明的变量只在代码块内有效，在代码块外调用：Uncaught ReferenceError: a is not defined。 经典面试题：for循环里面的i用var定义和let定义有什么区别？ var定义的是全局变量，let定义的变量每次循环都会重新声明，JS内部引擎会记住上一轮循环的值用于给本轮重新声明的循环赋值。 特别注意：设置循
2024年Web前端最新ECMAScript 6 简明教程（一文搞懂ES6）_ecmascript教程(1)，2024年最新面试笔记
最新发布
2401_84435838的博客
05-11 889
我可以将最近整理的前端面试题分享出来，其中包含HTML、CSS、JavaScript、服务端与网络、Vue、浏览器、数据结构与算法等等，还在持续整理更新中，希望大家都能找到心仪的工作。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】// 忽略 `function` 关键词简写对象函数// }### 6. 二进制和八进制字面量// 8// 二进制使用0b或者0B// 2### 7. 对象和数组解构// [1,2,3]
es6教程，ECMAScript 6入门教程
千泓的博客
09-16 1818
http://es6.ruanyifeng.com/
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

行知致简

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值