本文详细介绍了JavaScript中实现面向对象编程的五种主要方法：构造函数方式、原型方式、混合构造函数/原型方式、动态原型方法及混合工厂方式。通过具体示例展示了每种方式的特点和应用。
摘抄自《javascript高级程序设计》一书。
javascript 是面向对象的语言，自然也有面向对象的一些特性。
一：构造函数方式
第一步选择类名，即构造函数的名字。下面的例子在构造函数里不创造对象，而是使用this，使用new 运算符调用构造函数的时候在执行第一行代码前先创建一个对象，这个对象只能用this访问，然后可以直接赋予this属性，默认情况下是构造函数的返回值，不必return。
例子：
function
Car(sColor,iDoors)
{
this.color = sColor;
this.doors = iDoors;
this.showColor = function()
{
alert(this.color);
};
}
var
oCar1
=
new
Car(
"
red
"
,
4
);
//
output red
var
oCar2
=
new
Car(
"
blue
"
,
3
);
//
output blue
上面的例子会为每个对象都创建独立的函数版本。再看下面的原型方式
二：原型方式：
该方式利用对象的prototype属性，可把它看成创建新对象所依赖的原型。下面的例子使用空构造函数设置类名，然后所有的属性和方法都直接赋予prototype属性。在调用new Car()的时候原型的所有属性都被立即赋予要创建的对象。
例子：
function
Car()
{
}
Car.prototype.color
=
"
red
"
;
Car.prototype.doors
=
4
;
Car.prototype.showColor
=
function
()
{
alert(this.color);
}
;
var
oCar1
=
new
Car();
//
output red
上面的例子在创建多个实例后，对象的属性值并没有变。再看下面的混合的构造函数/原型方式
三：混合的构造函数/原型方式：
联合使用构造函数和原型方式，就可以像其他程序设计语言杨创建对象。使用构造函数定义对象的所有非函数属性，用原型方式定义对象的函数属性。
function
Car(sColor,iDoors)
{
this.color = sColor;
this.doors = iDoors;
}
Car.prototype.showColor
=
function
()
{
alert(this.color);
}
;
var
oCar1
=
new
Car(
"
red
"
,
4
);
var
oCar2
=
new
Car(
"
blue
"
,
3
);
oCar1.showColor();
//
output red
oCar2.showColor();
//
output blue
四：动态原型方法：
动态原型方法的基本想法和混合的构造函数/原型方式相同，唯一的区别是赋予对象方法的位置，看下面的例子：
function
Car(sColor,iDoors)
{
this.color = sColor;
this.doors = iDoors;
if(typeof Car.initialized == "undefined")//***
{
Car.prototype.showColor = function()
{
alert(this.color);
};
Car.initialized = true;//***
}
}
上面的方法使用标志initialized来判断是否已给原型赋予任何方法，该方法只创建并赋值一次。
五：混合工厂方式
这种方式的目的是创建假构造函数，只返回一种对象的新实例：
function
Car()
{
var tempCar = new Object;
tempCar.color = "red";
tempCar.doors = 4;
tempCar.showColor = function()
{
alert(this.color);
};
return tempCar;
}
var
oCar1
=
new
Car();
javascript 是面向对象的语言，自然也有面向对象的一些特性。
一：构造函数方式
第一步选择类名，即构造函数的名字。下面的例子在构造函数里不创造对象，而是使用this，使用new 运算符调用构造函数的时候在执行第一行代码前先创建一个对象，这个对象只能用this访问，然后可以直接赋予this属性，默认情况下是构造函数的返回值，不必return。
例子：
function
Car(sColor,iDoors)
{ this.color = sColor; this.doors = iDoors; this.showColor = function() { alert(this.color); };}
var
oCar1
=
new
Car(
"
red
"
,
4
);
//
output red
var
oCar2
=
new
Car(
"
blue
"
,
3
);
//
output blue
二：原型方式：
该方式利用对象的prototype属性，可把它看成创建新对象所依赖的原型。下面的例子使用空构造函数设置类名，然后所有的属性和方法都直接赋予prototype属性。在调用new Car()的时候原型的所有属性都被立即赋予要创建的对象。
例子：
function
Car()
{}
Car.prototype.color
=
"
red
"
;Car.prototype.doors
=
4
;Car.prototype.showColor
=
function
()
{ alert(this.color);}
;
var
oCar1
=
new
Car();
//
output red
三：混合的构造函数/原型方式：
联合使用构造函数和原型方式，就可以像其他程序设计语言杨创建对象。使用构造函数定义对象的所有非函数属性，用原型方式定义对象的函数属性。
function
Car(sColor,iDoors)
{ this.color = sColor; this.doors = iDoors;}
Car.prototype.showColor
=
function
()
{ alert(this.color);}
;
var
oCar1
=
new
Car(
"
red
"
,
4
);
var
oCar2
=
new
Car(
"
blue
"
,
3
);oCar1.showColor();
//
output red
oCar2.showColor();
//
output blue
四：动态原型方法：
动态原型方法的基本想法和混合的构造函数/原型方式相同，唯一的区别是赋予对象方法的位置，看下面的例子：
function
Car(sColor,iDoors)
{ this.color = sColor; this.doors = iDoors; if(typeof Car.initialized == "undefined")//*** { Car.prototype.showColor = function() { alert(this.color); }; Car.initialized = true;//*** }}
上面的方法使用标志initialized来判断是否已给原型赋予任何方法，该方法只创建并赋值一次。
五：混合工厂方式
这种方式的目的是创建假构造函数，只返回一种对象的新实例：
function
Car()
{ var tempCar = new Object; tempCar.color = "red"; tempCar.doors = 4; tempCar.showColor = function() { alert(this.color); }; return tempCar;}
var
oCar1
=
new
Car();
由于在Car()构造函数内部调用了new运算符，所以将忽略构造函数外的第2个new 运算符。不建议使用这种方式。
可以使用prototype属性为任何已有的类定义新的方法。
TrackBack：http://www.cnblogs.com/doll-net/archive/2007/05/18/751811.html
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
