0. 前言

1、名称由来

说起JavaScript相关的历史，还得追溯到计算机及其编程语言诞生之初的那段时间。

在1959年，欧洲的计算机产业已经出现蓬勃发展的迹象了，现代意义的计算机也越来越多地开始在科研机构，政府等社会场所被使用，使用的人多了，计算机操作技术实现标准化就被推上了日程，例如编程，以及输入和输出代码规范等。

行业标准对于行业发展的重要性不言而喻。为了协调标准制定工作，欧洲数据处理领域历史最悠久的公司（Compagnie des Machines Bull、IBM World Trade Europe Corporation 和 International Computers and Tabulators Limited）的负责人向所有已知的计算机发出了联名信。欧洲制造商邀请这些公司派代表参加会议。这次会议于 1960 年 4 月 27 日在布鲁塞尔举行；决定成立一个制造商协会，称为欧洲计算机制造商协会（European Computer Manufacturers Association）或简称 ECMA，并提名了一个委员会来准备该协会的成立并制定章程和规则。随后的 1961 年 5 月 17 日，协会正式成立。

这便是ECMA这个名字的来源。

ECMA走向全球后，在1994 年更名为：Ecma International。其商标“ECMA”由于历史原因被保留了下来，沿用至今。

2、ECMA-262标准，梦开始的地方

EMCA标准容纳了大量通信、计算机及其相关行业的标准规范。我们找一下本文的主角。

在官网中扒一张图：

可以看到，第262号标准又叫ECMAScript，是ECMA定义的一套脚本语言编程规范。

ECMAScript 通常缩写为 ES。

正是因为有这个标准的出现，才有了 JavaScript 的蓬勃发展！感谢大佬赏饭吃！！

ECMA-262是一种规范（官网中可以查到各个版本的PDF提案），自然会有满足这种规范的具体的语言被创造出来。最著名的就是JavaScript （现在商标属于Oracle），在1995年由Netscape公司的Brendan Eich，在Netscape导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。其设计思路如下：

1. 借鉴 C 语言的基本语法。
2. 借鉴 Java 语言的数据类型和内存管理。
3. 借鉴 Scheme 语言，将函数提升到“第一等公民”（first class）的地位。
4. 借鉴 Self 语言，使用基于原型（prototype）的继承机制。

JavaScript的是一门动态弱类型、基于原型的一种解释性计算机脚本语言。

在没有 JavaScript 的年代，一些简单的表单验证（如常见的 密码复杂度验证）都是由服务端负责的，而且当时的网络速度是非常慢的，这种验证方式会导致网站的响应速度变得更慢，于是便有了这门语言的诞生。

其次还有微软自研的一套语言，叫JScript，其声称完全遵循ECMA-262规范。下面列举一下二者的区别：

1. JavaScript 1.0 （96年）

发布于1996年，适用于Netscape Navigator2.0浏览器，初步确定了完整的JavaScript的三个构成要素：

1. ECMAScript（姑且这么叫，1.3版本才正式完全兼容ECMA规范）。JavaScript 的核心部分，它规定了 JavaScript 的语法、类型、语句、 关键字、保留字、运算符和对象。

2. DOM（Document Object Model）。通过把整个页面映射成一个树结构的文档，提供 了一套可以访问 HTML 和 XML（eXtensible Markup Language）节点的 API（Application Programming Interface），开发者可以利用它轻松地删除、添加、替换或修改任何节点。

3. BOM（Browser Object Model）。提供了访问浏览器窗口的方法，开发者可以控制浏 览器窗口进行一些诸如移动窗口之类的操作。BOM 部分的有关定义，零散分布在各种标 准中，主要位于 HTML 标准。其他比如 WebRTC 标准等内也定义了一些接口。

1.0里有一些以后很少用的冷门特性。比如函数不但有call，apply方法，还有name和length，还有arguments， caller（在1.2版移除）；Arguments是个对象而不是数组；对象可以用数字下标访问属性；没有===的强类型判定；对不支持script标签的浏览器做特殊注释兼容等。

2. JavaScript 1.1（96年）

发布于1996年下半年，适配了Netscape Navigator3.0 和 IE3.0。完善数组对象和方法。

3. JavaScript 1.2（97年）

发布于1997年，适配了Netscape Navigator4.0，但不支持 IE 环境。增加了===的判断方式。

4. JavaScript 1.3 与 ECMAScript 1/2（98年）

发布于1998年。前边说JavaScript出现时间早于ECMA-262，指的就是这个版本的事情。这一年，ECMA标准化了JavaScript1.1的基本特性，同时JavaScript也升级到1.3，并添加了一些新特性（没有标准化switch语句和正则表达式）。至此，JavaScript才逐步遵循ECMA规范进行升级换代。

ECMAScript 2标准是对v1的一个维护版本，只添加了说明，也在同一年发布。

5. JavaScript 1.4（99年）

适用于Netscape server的专用版本。

6. JavaScript 1.5 与 ECMAScript 3（00年）

发布于2000年底，开始支持 Mozilla Firefox 和 Opera 浏览器，并标准化了switch语句、异常处理( try/catch)和正则表达式。

7. JavaScript 1.6（05年）

2005年发布。逐步增加了数组的扩展方法、增加了Array和String泛型、支持XML扩展（E4X）。开始支持Safari 3.0。同年，Ajax技术发布。

新增的数组扩展如下（部分扩展在ES5中逐步规范化）：

泛型（非TS的那种）使用：

function isLetter(character) {  
  return (character >= "a" && character <= "z");  
}  

// 在字符串中使用数组的方法
if (Array.every(str, isLetter))  
  alert("The string '" + str + "' contains only letters!");

8. JavaScript 1.7（07年）

2007年发布。新特性如下：

• 学习了Python的语法，并引入了Pythonic generators（generator函数）、
• 引入解构赋值
• Iterators（迭代器）
• let 声明

这仍然是ES3的内容，不要认为是ES6才有的。

• 开始支持 Google Chrome1.0。

9. ECMAScript 4

2008年被废弃的标准。死亡原因

10. JavaScript 1.8 （08-10年） 与 ECMAScript 5 （09年）

包含很多patch版本。

2008年发布 1.8.0

新特性：

表达式闭包：

// JavaScript 1.7 以及更老的版本:
function(x) { return x * x; }

// JavaScript 1.8:
function(x) x * x;

生成器表达式

// 使用1
let it = (i + 3 for (i in someObj));
try {
    while (true) {
        document.write(it.next() + "<br>\n");
    }
} catch (err if err instanceof StopIteration) {

    document.write("End of record.<br>\n");
}

// 使用2
function handleResults( results ) {
    for ( let i in results )
    ...
}
handleResults( i for ( i in obj ) if ( i > 3 ) );

同年发布 1.8.1

新特性：

2009年发布 1.8.2

一些次要更新。

2010年发布 1.8.5，并遵循ECMAScript 5 （2009年发布）规范

一次大的更新，将之前JS各个版本的方法进行统一汇总整理，并新加入一批API，一起写入规范，使得ES和JS的贴合程度更深。

• 严格模式

1. 不允许省略var定义变量
2. 不允许函数形参同名
3. 不允许普通函数中的this代表window

• this规范

1. 全局this、普通函数的this 、 自调用函数的this都代表window
2. 事件函数中的this代表事件源
3. 对象方法中的this代表当前对象
4. 普通函数被谁调用，函数中this指向谁

• ES5 新增数组方法/规范（部分方法js1.6中已经有过实现，在ES5正式写入规范）

1. Array.isArray()
2. Array.forEach()
3. Array.map()
4. Array.filter()
5. Array.reduce()
6. Array.reduceRight()
7. Array.every()
8. Array.some()
9. Array.indexOf()
10. Array.lastIndexOf()

• ES5新增字符串规范

1. String.trim()
2. charAt()
3. 可对字符串进行属性访问
4. 允许多行字符串，每一行使用反斜杠结尾
5. String.fromCharCode() 用于从 Unicode 码点返回对应字符

• ES5 新增各种对象方法

1. JSON.parse()
2. JSON.stringify()
3. Date.now()
4. 属性 Getter 和 Setter
5. 新的对象属性和方法规范，见下表

• ES5 语法更改

1. 对字符串的属性访问 [ ]
2. 数组和对象字面量中的尾随逗号（JSON除外）
3. 多行字符串字面量
4. 作为属性名称的保留字

• ES5 浏览器支持

Chrome 23、IE 10 和 Safari 6 是第一批完全支持 ECMAScript 5 的浏览器：

Chrome23	IE10/Edge	Firefox21	Safari6	Opera15
2012年9月	2012年9月	2013年4月	2012年7月	2013年7月

11. ECMAScript 6 （2015年）

2015年发布ES6，又是一次重大更新：

• 字符串扩展

1. 字符串Unicode标识法，并允许直接输入字符
2. 引入字符串遍历器
3. JSON.stringify改造
4. 引入模板字符串、标签模板渲染
5. 新增一些方法，见下表

• 正则扩展

1. RegExp构造函数增加第二个参数
2. ES6 出现之前，字符串对象共有 4 个方法，可以使用正则表达式：match()、replace()、search()和split()。ES6中RegExp集成了这四个方法。
3. u修饰符
4. 新增RegExp.prototype.unicode 属性
5. 新增RegExp.prototype.sticky 属性
6. 新增RegExp.prototype.flags 属性

• 数组扩展

1. 引入扩展运算符
2. Array.from()
3. Array.of()
4. 实例方法：copyWithin()
5. 实例方法：find() 和 findIndex()
6. 实例方法：fill()
7. 实例方法：entries()，keys() 和 values()
8. 数组的空位定义
9. Array.prototype.sort() 的排序稳定性问题：常见的排序算法之中，插入排序、合并排序、冒泡排序等都是稳定的，堆排序、快速排序等是不稳定的。不稳定排序的主要缺点是，多重排序时可能会产生问题。在ES2019才解决。

• 对象扩展

1. key和变量是同一个单词时，可简写
2. 属性名表达式写法：obj['a' + 'bc'] = 123;
3. 方法有name属性
4. Object.assign()
5. 对象属性遍历方式：for...in、Object.keys(obj)、Object.getOwnPropertyNames(obj)、Object.getOwnPropertySymbols(obj)、Reflect.ownKeys(obj)
6. super关键字
7. 对象扩展...
8. Object.is()：ES5 比较两个值是否相等，只有两个运算符：相等运算符（==）和严格相等运算符（===）。它们都有缺点，前者会自动转换数据类型，后者的NaN不等于自身，以及+0等于-0。JavaScript 缺乏一种运算，在所有环境中，只要两个值是一样的，它们就应该相等。

• ES6 浏览器支持

Safari 10 和 Edge 14 是首先完全支持 ES6 的浏览器：

Chrome 58	Edge 14	Firefox 54	Safari 10	Opera 55
Jan 2017	Aug 2016	Mar 2017	Jul 2016	Aug 2018

ES6之后没有小数字版本的ECMAScript了，取而代之的是以年份为代号的版本，因为每一年都会有一个版本。网传的ES7、ES8什么的，其实官方没有这种叫法。

12. ECMAScript 2016

2016年发布。

• ES2016 浏览器支持

所有现代浏览器都支持 Array.prototype.includes：

Chrome 47	Edge 14	Firefox 43	Safari 9	Opera 34
2015 年 12 月	2016 年 8 月	2015 年 12 月	2015 年 10 月	2015 年 12 月

最近的版本快速浏览：

13. ECMAScript 2017

2017年发布。

14. ECMAScript 2018

2018年发布。

• 异步迭代示例：

// 不起作用
async function process(array) {
  for (let i of array) {
    await doSomething(i);
  }
}

// 起作用了
async function process(array) {
  for await (let i of array) {
    doSomething(i);
  }
}

15. ECMAScript 2019

2019年发布。

16. ECMAScript 2020

2020年发布。

17. ECMAScript 2021

2021年发布。

a ||= b
//等价于
a = a || (a = b)
a &&= b
//等价于
a = a && (a = b)
a ??= b
//等价于
a = a ?? (a = b)

18. ECMAScript 2022

2022年发布。

19. ECMAScript 2023

• 从头到尾搜索数组：findLast() 、findLastIndex()
• Hashbang 语法
• 通过副本更改数组：toReversed()、toSorted()、toSpliced()、with()
• Symbol 作为 WeakMap 的键

20. 后记

随着ECMAScript版本的更新，文章会持续保持更新~~

参考资料

• ECMA-international 官网
• Baidu百科 - JavaScript
• Javascript.com
• W3C学院