面向对象的JavaScript

发展史

Web 开发领域这些年来的流行词汇—DHTML、 Ajax、 Web 2.0 其内涵依然是：HTML、CSS、Javascript

• HTML服务于内容

• CSS服务于表现

• Javascript服务于行为

JavaScript的前身是LiveScript，是由NetScape(网景)公司开发，从Netscape 2.0发布后，LiveScript正式更名为JavaScript， 最终，为了使语言的实现更趋向于标准化，于是 ECMAScript 应运而生了。 ECMA（欧洲计算机制造
商协会）创建了 ECMA-262 标准，该标准脱离了浏览器和那些 Web 独有的特性，集中描述
了 JavaScript 作为编程语言的核心部分。

JavaScript涵盖以下3个部分

• ECMAScrip——语言核心部分(变量、函数、循环等)

• 文档对象模型(DOM)

• 浏览器对象模型(BOM)

第一次浏览器大战

JavaScript 都在随后爆发的第一次浏览器大战（大约是在 1996 年到 2001 年间）中得到了迅速的普及。那时正值互联网发展处于第一波热潮，其中主要由Netscape 和 Microsoft 这两大浏览器厂商在争夺市场份额。在此过程中，他们不断地把各种浮华的特性添加到各自的浏览器与 JavaScript、 DOM 及 BOM 中，从而导致了许多不一致
性。与此同时，由于浏览器厂商都在忙于继续增加新的浏览器特性，以至于根本没能及时更新相应的工具，这造成了开发工具的严重滞后。这种情况给使用 JavaScript 的开发人员带来巨大的痛苦。我们将某个浏览器里编写与测试过的脚本在另一个浏览器里测试，却发现脚本不能正常工作，而且还没有合适的错误信息，只得到如“操作终止”之类天书般的错误先知。实现上的不一致，文档的缺乏，甚至连能将 JavaScript 关键字高亮显示的编辑器都没
有。这一切都令开发者们再也没法忍受了。在另一方面，开发者自己也在他们的 Web 页面中使用了太多的新特性，总迫不及待地想引入浏览器提供的每一项新功能，以“加强”自己的页面。例如状态栏中的动画、闪烁的颜色、闪烁的文本、会摇晃的浏览器窗口、屏幕上的雪花效果、能跟踪对象的鼠标光标等，这不但牺牲了实用性，而且也伤害了用户体验。这些滥用现象如今大多都消失了，但这在当时极大地损坏了 JavaScript 在业界的名声。许多“专业的”程序员将 JavaScript 贬低为设计师的玩具，并批评它不适合用来开发专业应用。 JavaScript 语言在一些 Web 项目中
遭到了强烈抵制。某些项目甚至完全拒绝对浏览器端进行任何的程序设计，转而只信任他们自己可以掌控的服务器端。确实，在当时那种情况下，也没有什么理由值得我们花费双倍的时间来为这些不同的浏览器设计项目，然后再花更多的时间去调试它们

第一次浏览器大战导致

• 各大厂商浏览器不兼容问题

• 开发工具滞后(连关键字高亮都没有)

• 造成业界抵制Javascript

在第一次浏览器大战之后，各大厂商为了解决浏览器不兼容问题，各大厂商开始Web标准化

JavaScript可以开发

• 服务器脚本

• iPhone、Android或其他应用平台程序

• 编写各种基于命令行的脚本任务

• 浏览器编写扩展或插件...

ECMAScript5

ECMAScript5发布之后加入了，“严格模式”，所谓“严格模式”就是高版本向下兼容

JavaScript面向对象

• 对象

而所谓对象，实 质上就是指“事物”（包括人和物）在程序设计语言中的表现形式。这里的“事物”可以是任何东西（如某个客观存在的对象，或者某些较为抽象的概念）。例如，对于猫这种常见对 象来说，我们可以看到它们具有某些明确的特征（如颜色、名字、体型等），能执行某些动 作（如喵喵叫、睡觉、躲起来、逃跑等）。在 OOP 语义中，这些对象特征都叫做属性，而那些动作则被称为方法。

此外，我们还有一个口语方面的类比

1. 对象往往是用名词来表示的（如 book、 person）。

2. 方法一般都是些动词（如 read、 run）。

3. 属性值则往往是一些形容词。

• 类

相似对象之间往往都有一些共同的组成特征。例如蜂鸟和老鹰都具有鸟类的特征，因此它们可以被统称为鸟类。我们可以基于同一个类创建出许多不同的对象。因为类更多的是一种模板，而对象则是在这些模板的基础上被创建出来的实体。JavaScript与C++或Java这种传统的面向对象语言不同，它实际上压根儿没有类。该语言的一切都是基于对象的，其依靠的是一套原型（prototype）系统。而在这种基于原型的面向对象语言中，我们则要这样描述：“我将现有的Person对象扩展成了一个叫做Bob的新对象。

• 封装

封装是另一个与OOP相关的概念，其主要用于阐述对象中所包含的内容。封装概念通常由两部分组成。

• 相关的数据（用于存储属性）

• 基于这些数据所能做的事（所能调用的方法）

以一个MP3播放器为例。如果我们假设它是一个对象，那么作为该对象的用户，我们无疑需要一些类似于像按钮、显示屏这样的工作接口。至于它们内部是如何工作的，我们并不清楚，而且大多数情况下也不会在乎这些JavaScript中，尽管所有的方法和属性都是public的，但是我们将会看到，该语言还是提供了一些隐藏数据的方法，以保护程序的隐密性。

• 聚合

所谓聚合，有时候也叫做组合，实际上是指我们将几个现有对象合并成一个新对象的过程

• 继承

在传统的OOP环境中，继承通常指的是类与类之间的关系，但由于JavaScript中不存在类，因此它的继承只能发生在对象之间。

• 多态

类似这种不同对象通过相同的方法调用来实现各自行为的能力，我们就称之为多态。