JavaScript的类的实现

工厂方式

对象的属性可以在对象创建后定义，所以我们常常写如下的代码。

var oProduct=new Object;
oProduct.name="IPhone";
oProduct.color="black";
oProduct.screen=3.5;
oProduct.showColor=function(){
    alert(this.color);
};

但这只能创建一个实例，我们如何创建多个实例呢？

function createProduct(){
    var oProduct=new Object;
    oProduct.name=""IPhone";
    oProduct.coloer="black";
    oProduct.screen=3.5;
    oProduct.showColor=function(){
        alert(this.color);
    };

    return oProduct;
};

var oProductA=createProduct();
var oProductB=createProduct();

当然，上面的createProduct函数可以接收参数，从而让不同的对象具有不同的属性。但是，上面的每个对象都有自己的showColor函数，实际上他们可以同一个函数。我们可以改为如下。

function showColor()
{
    alert(this.color);
}
然后，createProduct里的showColoer改为oProduct.showColor=showColoer

上面的代码问题是函数看起来不像对象的方法。

构造函数方式

function  Product(sName,sColor,nScreen){
    this.name=sName;
    this.color=sColor;
    this.screen=nScreen;
    this.showColor=function(){
           alert(this.color);
    };
}
var oProductA=new Product("IPhone","black","3.5");
var oProductB=new Product("Palm","Golden","3.5");

同样，共享函数问题，可以向工厂方法一样改进。

原型方法

function Product(){};
Product.prototype.name="IPhone";
Product.prototype.color="Black";
Product.prototype.screen="3.5";
Product.prototype.showColor=function(){
    alert(this.color);
};

var oProductA=new Product();
var oProductB=new Product();

原型方法的问题，是不能接受参数，原型方法定义的属性和方法我的理解是想C#里的静态属性和静态方法。

混合构造函数和原型方式

function Product(sName,sColor,nScreen){
    this.name="IPhone";
    this.color="Black";
    this.screen="3.5";
    this.Factories=new Array{"IBM","DELL"};
};
Product.prototype.showColor=function(){
    alert(this.color);
};

var oProductA=new Product("IPhone","black",3.5);
var oProductB=new Product("Palm","Golden",4);

oProductA.Factories.push("HP");
alert(oProductA.Factories); //outputs: IBM,DELL,HP
alert(oProductB.Factories); //outputs: IBM,DELL

动态原型方法

function Product(sName,sColor,nScreen){
    this.name="IPhone";
    this.color="Black";
    this.screen="3.5";
    this.Factories=new Array{"IBM","DELL"};
    if(typeof Car._initialized=="undefined"){
          Product.prototype.showColor=function(){
                alert(this.color);
          };
    }
};

var oProductA=new Product("IPhone","black",3.5);
var oProductB=new Product("Palm","Golden",4);

oProductA.Factories.push("HP");
alert(oProductA.Factories); //outputs: IBM,DELL,HP
alert(oProductB.Factories); //outputs: IBM,DELL

混合工厂方法

function  Product(sName,sColor,nScreen){
    var oProduct=new Object;
    oProduct.name=sName;
    oProduct.color=sColor;
    oProduct.screen=nScreen;
    oProduct.showColor=function(){
        alert(this.color);
    };

    return oProduct;
}

var oProductA=new Product(new Product("IPhone","black","3.5");

通过上面的分析，本人更喜欢使用动态原型方法