第一章 Javascript简介
1.1 JavaScript简史
Javascript诞生于1995年。在Javascript问世之前,必须将表单中的数据发送到服务器端才能确定用户是否填写了某个必填域,是否输入了无效的值。Netscape Navigator(上古浏览器)希望通过Javascript来解决这个问题。
1995年,就职与Netscape公司的Brendan Eich,开始着手为2月份即将发布的Netscape Navigator2开发一种名为LiveScript的脚本语言。为了赶在发布日期之前完成LiveScript的开发,Netscape与Sun公司建立了一个开发联盟,在Netscape Navigator2正式发布前夕,Netscape为了搭上媒体热炒的Java的顺分车,临时将LiveScript更名为JavaScript。
由于JavaScript 1.0获得了巨大的成功,因此Netscape随即在Netscape Navigator 3中又发布了JavaScript 1.1。Web虽然羽翼未丰,但用户关注度屡创新高。在这样的背景下,在Netscape Navigator 3发布不久后,微软随即在其产品Internet Explorer 3中加入了名为JScript的JavaScript实现。
微软推出JScript之后,意味着市场上拥有了3个不同的JavaScript版本:Netscape Navigator中的JavaScript, IE中的JScript和ScriptEase中的CEnvi。与其他编程语言不同,当时还没有标准规定JavaScript的语法和特性,3个不同版本并存的局面已经完全暴露了这个问题。随着业界的担心日益加剧,JavaScript的标准化问题被提上了日程。
1997年,以JavaScript 1.1为蓝本的建议被提交给了欧洲计算机制造商协会(ECMA,European Computer Manufactures Association)。该协会指定39号技术委员会(TC39,Technical Committee #39)负责标准化一种“通用的,跨平台,供应商中立的脚本语言的语法和语义”。TC39由来自Netscape,微软,Sun,Borland以及其他关注脚本语言发展的公司的程序员组成,经过数月的努力,他们完成了ECMA-262——定义一种名为ECMAScript的新脚本语言的标准。
第二年,ISO/IEC(International Organization for Standardization and International Electrotechnical Commission,国际标准化组织和国际电工委员会)也采用了ECMAScript作为标准。自此以后,各浏览器厂商就将ECMAScript作为各自JavaScript实现的基础,也在不同程度上取得了成功。
1.2 JavaScript实现
虽然JavaScript 和ECMAScript通常被人们表达成相同的含义,但JavaScript的含义却比ECMA-262中规定的要多的多。一个完整的JavaScript实现应该包含以下三个部分:
- 核心(ECMAScript实现)
- 文档对象模型(DOM)
-
浏览器对象模型(BOM)
image.png
1.2.1 ECMAScript
由ECMA-262规定的ECMAScript与web浏览器并没有依赖关系。实际上,这门语言本身并不包含输入输出定义。ECMA-262定义的只是这门语言的基础,而在此基础上可以构建更加完善的脚本语言。大致上来说,ECMA-262规定了以下组成部分:
- 语法
- 类型
- 语句
- 关键字
- 保留字
- 操作符
- 对象
ECMAScript就是对实现以上标准的语言的描述。JavaScript实现了ECMAScript,Adobe ActionScript同样实现了ECMAScript。ECMAScript最近一版是第5版,发布于2009年。而ECMAScript的第一版本质上与JavaScript 1.1相同,只不过删除了所有针对特定浏览器的代码。ECMA-262给出了ECMAScript兼容的定义。要想成为ECMAScript的实现,必须做到:
- 支持ECMA-262描述的所有“类型,值,对象,属性,函数以及程序句法和语义”
- 支持Unicode字符标准
到2008年,五大主流浏览器(IE,Firefox,Safari,Chrome和Opera)全部做到了与ECMA-262兼容。
image.png
1.2.2 文档对象模型(DOM)
文档对象模型(DOM,Document Object Model)是针对XML但经过扩展用于HTML的应用程序编程接口(API,Application Programming Interface)。
DOM分为三级。DOM1级(DOM Level 1)于1988年3月成为W3C的推荐标准。DOM1级由两个模块组成:DOM Core和DOM HTML。其中,DOM Core规定如何映射基于XML的文档结构,以便于简化对于文档中任意部分的访问;DOM HTML则在DOM Core的基础上加以扩展,添加了针对HTML的对象和方法。
DOM并不只针对JavaScript,很多其他语言也实现了DOM。不过,在浏览器中,基于ECMAScript实现的DOM确实已经成为JavaScript的重要组成部分。
如果说DOM1级的主要目标是映射文档结构,那么DOM2的目标就要宽泛的多了。DOM2级在DOM1的基础上引入了以下新模块:
- DOM Views:定义了跟踪不同视图文档的接口(例如应用CSS之前和之后的文档)
- DOM Events:定义了事件和事件处理接口
- DOM Style:定义了基于CSS为元素定义样式的接口
- DOM Traversal and Range:定义了遍历和操作文档树的接口
DOM2级事件请参考:https://www.jianshu.com/p/622d994906f7
DOM3则进一步扩展了DOM,引入了以统一方式加载和保存文档的方式(定义在DOM Load and Save模块);新增了文档验证的方法(定义在DOM Validation模块)。下面是主流浏览器对DOM的支持情况:
image.png
1.2.3 浏览器对象模型(BOM)
浏览器对象模型(BOM,Browser Object Model)提供了访问和操作浏览器窗口的接口。BOM经常会导致的问题在于它作为JavaScript实现的一部分,却没有相关标准。因此HTML5致力于把很多BOM功能纳入正式规范。
从根本上来讲,BOM只处理浏览器窗口和框架;但人们习惯把所有针对浏览器的JavaScript扩展都算作BOM的一部分。下面就是一些这样的扩展:
- 弹出新浏览器窗口
- 移动,缩放和关闭浏览器窗口
- 提供浏览器详细信息的navigator对象
- 提供浏览器所加载页面详细信息的location对象
- 提供用户显示器分辨率详细信息的screen对象
- 对cookies的支持
由于BOM没有标准遵循,因此每个浏览器厂商都有自己的实现。虽然也有一些事实标准,例如window对象和navigator对象,但每个浏览器厂商都会为这两个对象乃至其他对象定义自己的属性和方法。
1.3 JavaScript版本
作为Netscape继承人的Mozilla公司,是目前唯一还在沿用最初JavaScript版本号的公司。在Netscape将源代码提交给Mozilla公司时,JavaScript在浏览器中的最后一个版本号是1.3。后来,随着Mozilla基金会继续开发JavaScript,添加新的特性,关键字和语法,JavaScript的版本号持续递增。下表列出了Netscape/Mozilla浏览器中JavaScript版本号的递增过程:
image.png