JavaScript面向对象编程入门教程

尽管面向对象JavaScript与其他语言相比之下存在差异,并由此引发了一些争论,但毋庸置疑,JavaScript具有强大的面向对象编程能力

本文先从介绍面向对象编程开始,然后回顾JavaScript对象模型,最后演示JavaScript中的面向对象编程概念。

JavaScript回顾

如果你对诸如变量(variables)、类型(types)、函数(functions)、以及作用域(scope)等JavaScript概念觉得心里没底,那么你可以阅读重新介绍JavaScript中的这些主题。你还可以查阅
面向对象编程

面向对象编程是一种编程范式(paradigm),即使用抽象来创建基于真实世界的模型。它使用了几种以前建立的范式技术,包括模块化(modularity)、多态(polymorphism)、和封装(encapsulation)。今天,许多流行的编程语言(比如Java、JavaScript、C#、C++、Python、PHP、Ruby、以及Objective-C)都支持面向对象编程(OOP)。

面向对象编程可视为使用协作对象集合来进行软件设计,这与传统观点相反,传统观点把程序视为函数集合,或者简化为计算机指令列表。在面向对象编程中,每个对象都具有以下能力:接收消息、处理数据、以及给其他对象发送消息。每个对象都可以视为一个独立的具有不同角色或责任的小机器。
面向对象编程旨在为编程提升更大的灵活性和可维护性,并在大规模软件工程中广泛流行。由于其非常重视模块化,因此面向对象代码旨在让开发更简单、稍后理解起来更容易,而且相对于较少采用模块化的编程方法,使得对于复杂情况及步骤的分析、编码和理解更加直接。

专用术语

类(Class)
~ 定义对象的特征(characteristics)。
对象(Object)
~ 类的实例(Instance)。
属性(Property)
~ 某一对象特征(characteristic),例如颜色。
方法(Method)
~ 某种对象能力,例如行走。
构造函数(Constructor)
~ 实例化(instantiation)时所调用的方法。
继承(Inheritance)
~ 一个类可以继承来自另一个类的特征。
封装(Encapsulation)
~ 一个类只定义该对象的特征,一个方法只定义该方法如何执行。
抽象(Abstraction)
~ 将某一对象的复杂继承、方法、属性结合在一起,而且必须能够模拟某一现实模型。
多态(Polymorphism)
~ 不同类可能会定义相同的方法或属性。
对于面向对象编程的进一步描述,参阅维基百科的面向对象编程词条。

基于原型的编程

基于原型的编程(Prototype-based programming)是一种面向对象编程风格,其中类(classes)并不存在,并且行为重用(在基于类的语言中称为继承)是通过粉饰充当原型的现存对象来完成的。这种模式也称为无类的(class-less)、面向原型的(prototype-oriented)、或基于实例(instance-based)的编程。
关于基于原型语言的最初(且非常规范的)示例就是由David Ungar和Randall Smith开发的Self编程语言。然而,这种无类编程风格最近越来越受欢迎,并且已被一些编程语言采用,例如avaScript、Cecil、NewtonScript、Io、MOO、REBOL、Kevo、Squeak(当使用Viewer框架来操纵Morphic组件时)、及其他几种语言。

JavaScript面向对象编程

核心对象(Core Objects)

JavaScript有几个包含在其核心中的对象;例如,Math、Object、Array、以及String等对象。下面的示例演示了如何使用Math对象的random()方法获取随机数。

复制代码 代码如下:


alert(Math.random());


提示:本例和所有其他示例都假设已在全局范围内定义了函数名alert(正如包含在web浏览器中的alert一样)。alert函数实际上不是JavaScript本身的一部分。

JavaScript核心对象列表,参阅
JavaScript中的每个对象都是一个Object对象的实例,并因此继承其所有属性和方法。

自定义对象(Custom Objects)

类(The Class)

JavaScript是基于原型的语言,其中不包含可在如 C++或Java中找到的类声明(class statement)。有时这会让一些习惯于具有类声明语言(languages with a class statement)的程序员感到困惑。不过,JavaScript用函数(functions)作为类。定义一个类简单到就是定义一个函数。在下例中,我们定义了名为Person(人)的新类。

复制代码 代码如下:

function Person() { }



对象(类实例)(The Object (Class Instance))

要创建obj对象的一个新实例,我们使用语句new obj,同时将结果(其类型是obj)赋给某个变量(variable),以便稍后访问。
在下例中,我们首先定义名为Person的类,然后创建两个实例(person1和person2)。

复制代码 代码如下:

function Person() {}
var person1 = new Person();
var person2 = new Person();

还可参阅新的实例化替代方法。

构造函数(The Constructor)

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wdyyxy.html