第4章JavaScript基于对象编程.pptVIP

第4章 JavaScript基于对象编程 JavaScript脚本是基于对象（Object-based）的编程语言，通过对象的组织层次来访问并给对象施以相应的操作方法，可大大简化JavaScript程序的设计，并提供直观、模块化的方式进行脚本程序开发。本章主要介绍JavaScript的基于对象编程、DOM的模型层次以及有关对象的基本概念等。 4.1 面向对象编程与基于对象编程 在软件编程术语中，存在两个类似的概念：面对对象编程（Object Oriented Programming：OPP）和基于对象编程（Object-based Programming），它们在对象创建、对象组织层次、代码封装和复用等方面存在较大的差异。 在了解它们之间差异之前，先来了解对象的概念。 4.1.1 什么是对象 对象是客观世界存在的人、事和物体等实体。现实生活中存在很多的对象，比如猫、自行车等。不难发现它们有两个共同特征：都有状态和行为。 在软件世界也存在对象，可定义为相关变量和方法的软件集。主要由两部分组成： 一组包含各种类型数据的属性 允许对属性中的数据进行操作且有相关方法 了解了什么是对象，下面来看看什么是面向对象编程。 4.1.2 面向对象编程 面向对象编程（OPP）是一种计算机编程架构，其基本原则：计算机程序由单个能够起到子程序作用的单元或对象组合而成。具有3个最基本的特点：重用性、灵活性和扩展性。这种方法将软件程序的每个元素构成对象，同时对象的类型、属性和描述对象的方法。为了实现整体操作，每个对象都能够接收信息、处理数据和向其他对象发送信息。 面向对象编程主要包含以下概念：继承、封装和多态。 4.1.3 基于对象编程 定位JavaScript脚本为基于对象的脚本编程语言，而不是面向对象的编程语言，是因为JavaScript以DOM和BOM中定义的对象模型及操作方法为基础，但又不具备面向对象编程语言所必具备的显著特征，如分类、继承、封装、多态、重载等，只能通过嵌入其他面向对象编程语言如Java生成的Java applet组件等来实现Web应用程序的功能。 4.2 JavaScript对象的生成 JavaScript是基于对象的编程语言，除循环和关系运算符等语言构造之外，其所有的特征几乎都是按照对象的处理方法进行的。JavaScript支持的对象主要包括： JavaScript核心对象 浏览器对象 用户自定义对象 文本对象 本章主要初步叙述DOM框架，而把重点放在如何创建和使用用户自定义的对象上。首先来了解HTML文档的结构。 4.2.1 HTML文档结构 在HTML文档中，其标记如body与/body、p与/p等都是成对出现的，称为标记对。文档内容通过这些成对出现的标记对嵌入到文档中，与JavaScript脚本等其他代码一起构成一个完整的HTML文档。 4.2.2 DOM框架 DOM（文档结构模型）应运而生，其主要关注在浏览器解释HTML文档时如何设定各元素的这种“社会”关系及处理这种关系的方法。从实际应用的角度出发，HTML文档根据DOM中定义的框架模型在浏览器解释后生成对象访问层次，而JavaScript脚本经常要控制其中的某个对象。 4.2.3 顶级对象之间的关系 我们来模拟浏览器载入某标准HTML的过程来阐述window、frames[]、location等几种常见的顶级对象之间的关系。 4.2.4 浏览器载入文档时对象的生成 浏览器载入HTML文档时，根据DOM定义的结构模型层次，当遇到自身支持的HTML元素对象所对应的标记时，就按HTML文档载入的顺序在客户端内存中创建这些对象，并按对象创建的顺序生成对象数组，而不管JavaScript脚本是否真正运行这些对象。对象创建后，浏览器为这些对象提供专供JavaScript脚本使用的可选属性、方法和处理程序，Web应用程序开发者通过这些属性、方法和处理程序就能动态操作HTML文档内容。 4.3 JavaScript核心对象 JavaScript作为一门基于对象的编程语言，以其简单、快捷的对象操作获得Web应用程序开发者的首肯，而其内置的几个核心对象，则构成了JavaScript脚本语言的基础。 4.4 文档对象的引用 客户端浏览器载入HTML文档时，对于所有可以编码的HTML元素