浅析JavaScript 的起源

历史回顾

随着 Web 日益流行，对客户端脚本语言的需求也越来越强烈。1995 年前，要验证某个必填字段是否已填写，或者某个输入的值是否有效，需要与服务器的一次往返通信。当时，大多数用户使用 28.8kbit/s 的调制解调器上网，但网页变得越来越大、越来越复杂。为验证简单的表单而需要大量与服务器的往返通信成为用户的痛点。想象一下，你填写完表单，单击“提交”按钮，等 30 秒处理，然后看到一条消息，告诉你有一个必填字段没填。网景在当时是引领技术革新的公司，它将开发一个客户端脚本语言来处理这种简单的数据验证提上了日程。

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

JavaScript 1.0 的成功，网景又在 Netscape Navigator 3 中发布了 1.1 版本。 Netscape Navigator 3 发布后不久，微软发布了 IE3，其中包含自己名为 JScript（叫这个名字是为了避免与网景发生许可纠纷）的 JavaScript 实现。1996 年 8 月，微软重磅进入 Web 浏览器领域。这意味着出现了两个版本的 JavaScript：Netscape Navigator 中的 JavaScript，以及 IE 中的 JScript。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 实现的依据，具体实现各有不同。

如何实现

JavaScript包含三部分（核心（ECMAScript）、文档对象模型（DOM）、浏览器对象模型（BOM））

ECMAScript

ECMAScript，即 ECMA-262 定义的语言。ECMA-262 将这门语言作为一个基准,Web 浏览器只是 ECMAScript 实现可能存在的一种宿主环境（host environment）。宿主环境提供
ECMAScript 的基准实现和与环境自身交互必需的扩展。扩展（比如 DOM）使用 ECMAScript 核心类型和语法，提供特定于环境的额外功能。其他宿主环境还有服务器端 JavaScript 平台 Node.js 。

ECMA-262 描述了这门语言的如下部分：

• 语法
• 类型
• 语句
• 关键字
• 保留字
• 操作符
• 全局对象

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

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

还可以满足下列要求。

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

DOM

文档对象模型（DOM，Document Object Model）是一个应用编程接口（API），用于在 HTML 中使用扩展的 XML。DOM 将整个页面抽象为一组分层节点。HTML 或 XML 页面的每个组成部分都是一种节点，包含不同的数据。
DOM 创建表示文档的树，让开发者可以通过使用 DOM API控制网页的内容和结构。

为了保持Web跨平台的本性，万维网联盟（W3C，World Wide Web Consortium）开始了制定 DOM 标准的进程。
1998 年 10 月，DOM Level 1 成为 W3C 的推荐标准。这个规范由两个模块组成：DOM Core 和 DOM HTML。前者提供了一种映射 XML 文档，从而方便访问和操作文档任意部分的方式；后者扩展了前者，并增加了特定于 HTML 的对象和方法。

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，增加了以统一的方式加载和保存文档的方法（包含在一个叫 DOM Load and Save 的新模块中），还有验证文档的方法（DOM Validation）。在 Level 3 中，DOM Core 经过扩展支持了所有 XML 1.0 的特性，包括 XML Infoset、XPath 和 XML Base。目前，W3C 不再按照 Level 来维护 DOM 了，而是作为 DOM Living Standard 来维护，其快照称为DOM4。DOM4 新增的内容包括替代 Mutation Events 的 Mutation Observers。

BOM

IE3 和 Netscape Navigator 3 提供了浏览器对象模型（BOM） API，用于支持访问和操作浏览器的窗口。使用 BOM，开发者可以操控浏览器显示页面之外的部分。而 BOM 是唯一一个没有相关标准的 JavaScript 实现。HTML5 改变了这个局面，这个版
本的 HTML 以正式规范的形式涵盖了尽可能多的 BOM 特性。总体来说，BOM 主要针对浏览器窗口和子窗口（frame），不过人们通常会把任何特定于浏览器的扩展都归在 BOM 的范畴内。例如：

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

但是每个浏览器实现的都是自己的 BOM。有一些所谓的事实标准，比如对于 window 对象和 navigator 对象，每个浏览器都会给它们定义自己的属性和方法。现在有了HTML5，BOM 的实现细节应该会日趋一致。

小结

JavaScript 是一门用来与网页交互的脚本语言，包含以下三个组成部分。

• ECMAScript：由 ECMA-262 定义并提供核心功能。
• 文档对象模型（DOM）：提供与网页内容交互的方法和接口。
• 浏览器对象模型（BOM）：提供与浏览器交互的方法和接口。

JavaScript 的这三个部分得到了五大 Web 浏览器（IE、Firefox、Chrome、Safari 和 Opera）不同程度的支持。所有浏览器基本上对 ES5（ECMAScript 5）提供了完善的支持，而对 ES6（ECMAScript 6）和ES7（ECMAScript 7）的支持度也在不断提升。这些浏览器对 DOM 的支持各不相同，但对 Level 3 的支持日益趋于规范。HTML5 中收录的 BOM 会因浏览器而异，不过开发者仍然可以假定存在很大一部分公共特性。