(JavaScrpt定义类定义属性定义方法的几种方式详解及分析.docVIP

JavaScript 定义类，定义属性，定义方法的几种方式详解及分析 提起面向对象我们就能想到类，对象，封装，继承，多态。在《javaScript高级程序设计》（人民邮电出版社，曹力、张欣译。英文名字是：Professional JavaScript for Web Developers）这本书中描述的还算比较详细。我们看看JavaScript中定义类的各种方法。 1．工厂方式 ??? javaScript中创建自己的类和对象，我们应该是必须掌握的，我们都知道javaScript中对象的属性可以在对象创建后动态定义，比如下面的代码： script type=text/javascript??? //定义??? var oCar = new Object();??? oCar.color = red;??? oCar.doors = 4;??? oCar.showColor = function() {??????? alert(this.color);??? }??? //调用??? oCar.showColor();/script ??? 我们很容易使用oCar对象，但是我们创就是想创建多个Car实例。我们可以使用一个函数来封装上面的代码来实现：script type=text/javascript??? //定义??? function createCar() {??????? var oCar = new Object();??????? oCar.color = red;??????? oCar.doors = 4;??????? oCar.showColor = function() {??????????? alert(this.color);??????? }??????? return oCar;??? }??? //调用??? var ocar1 = createCar();??? var ocar2 = createCar();??? ocar1.color = black;??? ocar1.showColor();??? ocar2.showColor();/script ??? 顺便说一下，javaScript对象默认成员属性都是public 的。这种方式我们称为工厂方式，我们创造了能创建并返回特定类型的对象的工厂。 ??? 这样做有点意思了，但是在面向对象中我们经常使用创建对象的方法是： Car car=new Car(); ??? 使用new 关键字已经深入人心，因此我们使用上面的方法去定义总感觉别扭，并且每次调用时都去创建新的属性以及函数，功能上也不实际。下来我们看看构造函数的形式定义类。 2．构造函数 这种方式看起来有点象工厂函数。具体表现如下： script type=text/javascript??? //定义??? function Car(color, doors) {??????? this.color = color;??????? this.doors = doors;??????? this.showColor = function() {??????????? alert(this.color);??????? };??? }??? //调用??? var car1 = new Car(red, 4);??? var car2 = new Car(blue, 4);??? car1.showColor();??? car2.showColor();/script ??? 看起来效果很明显，有差别了吧。感觉有点意思了。在构造函数内部创造对象使用this 关键字，使用new 运算符创建对象感觉非常亲切。但是也有点问题：每次new 对象时都会创建所有的属性，包括函数的创建，也就是说多个对象完全独立，我们定义类的目的就是为了共享方法以及数据，但是car1对象与car2对象都是各自独立的属性与函数，最起码我们应该共享方法。这就是原形方式的优势所在。 3．原型方式 利用对象的prototype属性，可把它看出创建新对象所依赖的原型。方法如下： script type=text/javascript??? //定义??? function Car() {??? };??? Car.prototype.color = red;??? Car.prototype.doors = 4;??? Car.prototype.drivers = new Array(Tom, Jerry);??? Car.prototype.showColor = function() {??????? alert(