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();

由于在Car()构造函数内部调用了new运算符，所以将忽略构造函数外的第2个new 运算符。不建议使用这种方式。

可以使用prototype属性为任何已有的类定义新的方法。

转载于:https://www.cnblogs.com/doll-net/archive/2007/05/18/751811.html