1、JavaScript的历史

1995年，网景公司一位名叫Brendan Eich的工程师，开始为即将发布的NetscapeNavigator 2开发一个叫Mocha（后来改名为LiveScript）的脚本语言。当时的计划是在客户端和服务器端都使用它，它在服务器端叫LiveWire。为了赶上发布时间，网景与Sun公司结为开发联盟，共同完成LiveScript的开发。就在Netscape Navigator 2正式发布前，网景把LiveScript改名为JavaScript，以便搭上媒体当时热烈炒作Java的顺风车。

由于JavaScript 1.0很成功，网景又在Netscape Navigator 3中发布了1.1版本。尚未成熟的Web的受欢迎程度达到了历史新高，而网景则稳居市场领导者的位置。这时候，微软决定向IE投入更多资源。就在Netscape Navigator 3发布后不久，微软发布了IE3，其中包含自己名为JScript（叫这个名字是为了避免与网景发生许可纠纷）的JavaScript实现。1996年8月，微软重磅进入Web浏览器领域，这是网景永远的痛，但它代表JavaScript作为一门语言向前迈进了一大步。

微软的JavaScript实现意味着出现了两个版本的JavaScript:Netscape Navigator中的JavaScript，以及IE中的JScript。与C语言以及很多其他编程语言不同，JavaScript还没有规范其语法或特性的标准，两个版本并存让这个问题更加突出了。随着业界担忧日甚，JavaScript终于踏上了标准化的征程。

1997年，JavaScript 1.1作为提案被提交给欧洲计算机制造商协会（Ecma）。第39技术委员会（TC39）承担了“标准化一门通用、跨平台、厂商中立的脚本语言的语法和语义”的任务（参见TC39-ECMAScript）。TC39委员会由来自网景、Sun、微软、Borland、Nombas和其他对这门脚本语言有兴趣的公司的工程师组成。他们花了数月时间打造出ECMA-262，也就是ECMAScript（发音为“ek-ma-script”）这个新的脚本语言标准。

1998年，国际标准化组织（ISO）和国际电工委员会（IEC）也将ECMAScript采纳为标准（ISO/IEC-16262）。自此以后，各家浏览器均以ECMAScript作为自己JavaScript实现的依据。

2、JavaScript实现

虽然JavaScript和ECMAScript基本上是同义词，但JavaScript远远不限于ECMA-262所定义的那样。完整的JavaScript实现包含以下几个部分：

• ECMAScript - 核心
• DOM - 文档对象模型
• BOM - 浏览器对象模型

2.1、ECMAScript

ECMAScript，即ECMA-262定义的语言，并不局限于Web浏览器。事实上，这门语言没有输入和输出之类的方法。ECMA-262将这门语言作为一个基准来定义，以便在它之上再构建更稳健的脚本语言。Web浏览器只是ECMAScript实现可能存在的一种宿主环境。宿主环境提供ECMAScript的基准实现和与环境自身交互必需的扩展。扩展（比如DOM）使用ECMAScript核心类型和语法，提供特定于环境的额外功能。

ECMA-262在基本的层面，定义了描述这门语言的如下部分：语法、类型、语句、关键字、保留字、操作符、全局对象。ECMAScript只是对实现这个规范描述的所有方面的一门语言的称呼。JavaScript实现了ECMAScript。

2.1.1、ECMAScript的版本

• ECMA-262的第1版：本质上跟网景的JavaScript 1.1相同，只不过删除了所有浏览器特定的代码，外加少量细微的修改。
• ECMA-262的第2版：做了一些编校工作，主要是为了更新之后严格符合ISO/IEC-16262的要求，并没有增减或改变任何特性。
• ECMA-262的第3版：第一次真正对这个标准进行更新，更新了字符串处理、错误定义和数值输出。此外还增加了对正则表达式、新的控制语句、try/catch异常处理的支持，以及为了更好地让标准国际化所做的少量修改。
• ECMA-262的第4版：对这门语言的一次彻底修订，包括强类型变量、新语句和数据结构、真正的类和经典的继承，以及操作数据的新手段。
• ECMA-262的第5版：于2009年12月3日正式发布。第5版致力于厘清第3版存在的歧义，也增加了新功能。新功能包括原生的解析和序列化JSON数据的JSON对象、方便继承和高级属性定义的方法，以及新的增强ECMAScript引擎解释和执行代码能力的严格模式。
• ECMA-262的第6版：俗称ES6、ES2015或ES Harmony（和谐版），于2015年6月发布。这一版包含了大概这个规范有史以来最重要的一批增强特性。ES6正式支持了类、模块、迭代器、生成器、箭头函数、期约、反射、代理和众多新的数据类型。
• ECMA-262的第7版：也称为ES7或ES2016，于2016年6月发布。这次修订只包含少量语法层面的增强，如Array.prototype.includes和指数操作符。
• ECMA-262的第8版：也称为ES8、ES2017，完成于2017年6月。这一版主要增加了异步函数（async/await）、SharedArrayBuffer及Atomics API，以及Object.values()/Object.entries()/Object. getOwnPropertyDescriptors()和字符串填充方法，另外明确支持对象字面量最后的逗号。
• ECMA-262的第9版：也称为ES9、ES2018，发布于2018年6月。这次修订包括异步迭代、剩余和扩展属性、一组新的正则表达式特性、Promise finally()，以及模板字面量修订。
• ECMA-262的第10版：也称为ES10、ES2019，发布于2019年6月。这次修订增加了Array.prototype. flat()/flatMap()、String.prototype.trimStart()/trimEnd()、Object.fromEntries()方法，以及Symbol.prototype.description属性，明确定义了Function.prototype.toString()的返回值并固定了Array.prototype.sort()的顺序。另外，这次修订解决了与JSON字符串兼容的问题，并定义了catch子句的可选绑定。

2.1.2、ECMAScript符合性

要成为ECMAScript实现，必须满足下列条件：

• 支持ECMA-262中描述的所有“类型、值、对象、属性、函数，以及程序语法与语义”；
• 支持Unicode字符标准。

此外，符合性实现还可以满足下列要求：

• 增加ECMA-262中未提及的“额外的类型、值、对象、属性和函数”。ECMA-262所说的这些额外内容主要指规范中未给出的新对象或对象的新属性。
• 支持ECMA-262中没有定义的“程序和正则表达式语法”（意思是允许修改和扩展内置的正则表达式特性）。

以上条件为实现开发者基于ECMAScript开发语言提供了极大的权限和灵活度，也是其广受欢迎的原因之一。

2.1.3、浏览器对ECMAScript的支持

1、JavaScript1.1与JScript1.0问世

1996年，NetscapeNavigator3捆绑发布了JavaScript1.1。而相同的JavaScript1.1设计规范随后作出了对新标准（ECMA-262）的建议被提交给Ecma。伴随着JavaScript的迅速走红，Netscape豪情满怀地着手开发JavaScript1.2。然而，问题时Ecma当时还没有接受Netscape的建议。

Netscape Navigator3发布后不久，微软也推出了Internet Explorer3。微软在IE的这一版本中捆绑了JScript1.0，很多人都认为JScript1.0与JavaScript1.1应该是一样的。但是，由于没有文档依据，加之不适当的忙方，JScript1.0还是很难与JavaScript1.1相提并论。

2、JavaScript1.2与JScript3.0对标准的不兼容

1997年，内置JavaScript1.2的Netscape Navigator4发布，而到这一年年底，ECMA-262第1版也被接受被实现了标准化。结果，虽然ECMAScript被认为是基于JavaScript1.1制定的，但JavaScript1.2与ECMAScript的第1版本并不兼容。

JScript的升级版是Internet Explorer4中内置的JScript3.0（随同微软IIS3.0发布的JScript2.0从来也没有移植到浏览器中）。微软通过媒体大肆宣传JScript3.0是世界上第一个ECMA兼容的脚本语言，但当时的ECMA-262尚未定稿。于是JScript3.0与JavaScript1.2都遭遇了相同的尴尬局面——谁都没有按照最终的ECMAScript标准来实现。

3、第一个对ECMA-262完全兼容的版本-JavaScript1.3

Netscape决定更新其JavaScript实现，即在Netscape Navigator4.06中发布JavaScript1.3，从而做到了与ECMA-262的第一个版本完全兼容。在JavaScript1.3中，Netscape增加了对Unicode标准的支持，并在保留JavaScript1.2新增特性的同时实现了所有对象的平台中立化。

在Netscape以Mozilla项目的名义开放其源代码时，预期JavaScript1.4将随同Netscape Navigator5一道发布。然而，一个激进的决定，彻底重新设计了Netscape代码，打乱了原有计划。后来JavaScript1.4只发布了针对Netscape Enterprise Server的服务器版，而没有内置于Web浏览器中。

4、五大主流Web浏览器实现了与ECMA-262兼容

到了2008年，五大主流Web浏览器（IE、Firefox、Safari、Chrome和Opera）全都做到了与ECMA-262兼容。IE8是第一个着手实现ECMA-262第5版的浏览器，并在IE9中提供了完整的支持。Firefox4也紧随其后做到兼容。

2.2、DOM

2.2.1、DOM简介

文档对象模型（DOM, Document Object Model）是一个应用编程接口（API），用于在HTML中使用扩展的XML。在DOM中，HTML文档的层次结构被表示为一个树形结构。并用document对象表示该文档，树的每个子节点表示HTML文档中的不同内容。每个载入浏览器的 HTML 文档都会成为 Document 对象，Document是探索DOM的入口，利用全局变量document可以访问Document对象。DOM将整个页面抽象为一组分层节点。HTML或XML页面的每个组成部分都是一种节点，包含不同的数据。比如下面的HTML页面：

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Sample Page</title>
</head>
<body>
    <h1>Hello World!!!</h1>
</body>
</html>

DOM通过创建表示文档的树，让开发者可以随心所欲地控制网页的内容和结构。使用DOM API，可以轻松地删除、添加、替换、修改节点。

2.2.2、为什么DOM是必需的

在IE4和Netscape Navigator 4支持不同形式的动态HTML（DHTML）的情况下，开发者首先可以做到不刷新页面而修改页面外观和内容。这代表了Web技术的一个巨大进步，但也暴露了很大的问题。由于网景和微软采用不同思路开发DHTML，开发者写一个HTML页面就可以在任何浏览器中运行的好日子就此终结。

为了保持Web跨平台的本性，必须要做点什么。人们担心如果无法控制网景和微软各行其是，那么Web就会发生分裂，导致人们面向浏览器开发网页。就在这时，万维网联盟（W3C, World Wide Web Consortium）开始了制定DOM标准的进程。

2.2.3、DOM级别

• DOM Level 1： 1998年10月，DOM Level 1成为W3C的推荐标准。这个规范由两个模块组成：DOM Core和DOM HTML。前者提供了一种映射XML文档，从而方便访问和操作文档任意部分的方式；后者扩展了前者，并增加了特定于HTML的对象和方法。

• DOM Level 2： DOM Level 1的目标是映射文档结构，而DOM Level 2的目标则宽泛得多。这个对最初DOM的扩展增加了对（DHTML早就支持的）鼠标和用户界面事件、范围、遍历（迭代DOM节点的方法）的支持，而且通过对象接口支持了层叠样式表（CSS）。另外，DOM Level 1中的DOM Core也被扩展以包含对XML命名空间的支持。DOM Level 2新增了以下模块，以支持新的接口：

  DOM视图：描述追踪文档不同视图（如应用CSS样式前后的文档）的接口。
  DOM事件：描述事件及事件处理的接口。
  DOM样式：描述处理元素CSS样式的接口。
  DOM遍历和范围：描述遍历和操作DOM树的接口。
  

• DOM Level 3： DOM Level 3进一步扩展了DOM，增加了以统一的方式加载和保存文档的方法（包含在一个叫DOM Load and Save的新模块中），还有验证文档的方法（DOM Validation）。在Level 3中，DOM Core经过扩展支持了所有XML 1.0的特性，包括XML Infoset、XPath和XML Base。

• DOM4： 目前，W3C不再按照Level来维护DOM了，而是作为DOM Living Standard来维护，其快照称为DOM4。DOM4新增的内容包括替代Mutation Events的Mutation Observers。

2.2.4、Web浏览器对DOM的支持情况

DOM标准在Web浏览器实现它之前就已经作为标准发布了。IE在第5版中尝试支持DOM，但直到5.5版才开始真正支持，该版本实现了DOM Level 1的大部分。IE在第6版和第7版中都没有实现新特性，第8版中修复了一些问题。

网景在Netscape 6（Mozilla 0.6.0）之前都不支持DOM。Netscape 7之后，Mozilla把开发资源转移到开发Firefox浏览器上。Firefox 3+支持全部的Level 1、几乎全部的Level 2，以及Level 3的某些部分。

2.3、BOM

IE3和Netscape Navigator 3提供了浏览器对象模型（BOM）API，用于支持访问和操作浏览器的窗口。使用BOM，开发者可以操控浏览器显示页面之外的部分。而BOM真正独一无二的地方，当然也是问题最多的地方，就是它是唯一一个没有相关标准的JavaScript实现。HTML5改变了这个局面，这个版本的HTML以正式规范的形式涵盖了尽可能多的BOM特性。由于HTML5的出现，之前很多与BOM有关的问题都迎刃而解了。

总体来说，BOM主要针对浏览器窗口和子窗口（frame），不过人们通常会把任何特定于浏览器的扩展都归在BOM的范畴内。比如，下面就是这样一些扩展：

• 弹出新浏览器窗口的能力；
• 移动、缩放和关闭浏览器窗口的能力；
• navigator对象，提供关于浏览器的详尽信息；
• location对象，提供浏览器加载页面的详尽信息；
• screen对象，提供关于用户屏幕分辨率的详尽信息；
• performance对象，提供浏览器内存占用、导航行为和时间统计的详尽信息；
• 对cookie的支持；
• 其他自定义对象，如XMLHttpRequest和IE的ActiveXObject。