javascript定義類或者對象

1.工廠方式

 

 

function createObj(sColor,iSize){
   var oTempObj = new Object;
   oTempObj.color = sColor;
   oTempObj.size = iSize;
   oTempObj.tellSize = function () {
         alert(this.color)
   };
   return oTempObj;
}

var oObj1 = createObj("red",10);
var oObj2 = createObj("white",14);

 

   在這個列子中，每次調用函數createObj(),都要創建新函數tellSize(),意味着每個對象都有自己的tellSize()版本，而實際上，我們需要的僅僅是同一個tellSize()函數，這樣就造成了浪費。可以如下方式寫：

 

  

function tellSize(){
   alert(this.size);
}

function createObj(sColor,iSize){
   var oTempObj = new Object;
   oTempObj.color = sColor;
   oTempObj.size = iSize;
   oTempObj.tellSize = tellSize;
   return oTempObj;
}

var oObj1 = createObj("red",10);
var oObj2 = createObj("white",11);

 

   工廠方式創建函數對象，這樣從功能上是可以的，但是給人的感覺是不像是創建對象的方法。

 

2. 構造函數方式

 

function Obj(sColor, iSize){          //根據慣例，構造函數的名字要首字母大寫
     this.color = sColor;
     this.size = iSize;
     this.tellSize = function(){
           alert(this.size)
     };
}

var obj1 = new Obj("red",10);
var obj2 = new Obj("white",11);

 

這裏需要說明的是，採取前兩種方法創建對象，從語義上看，不能明確的看出所有的屬性都屬於一個對象，那麼下面的方式可以解決這個語義問題。   

 

3.原型方式

  

  

function Obj(){

}

Obj.prototype.color = "red";
Obj.prototype.size = 10;
Obj.prototype.tellSize = function(){
     alert(this.size);
};
Obj.prototype.drivers = new Array("zhang","wang");

var oObj1 = new Obj();
var oObj2 = new Obj();

 

這樣似乎是完美的，首先這樣不能通過構造函數傳遞參數，必須創建完對象後才能改變屬性的默認值，另外一個比較噁心的問題是，當有屬性指向的是對象而不是函數的時候，函數共享不會出現問題，但是對象共享就會有問題啦。看下面接着上面的寫：

 

oObj1.drivers.push("li");

alert(oObj1.drivers);  //output "zhang wang li"
alert(oObj2.drivers);  //output "zhang wang li"

 

這裏發生的問題就是兩個不同的指針指向了同一個對象。

 

下面一種方式比較合理了，聯合使用構造函數和原型方式

 

4.混合的構造函數/原型方式

 

這種概念非常簡單，即用構造函數定義對象的所有非函數屬性，用原型方式定義對象的函數屬性（方法）。

 

function Obj(sColor, iSize){
     this.color = sColor;
     this.size = iSize;
     this.drivers = new Array("zhang","wang");
}

Obj.prototype.tellSize = function() {
     alert(this.size);
};

var oObj1 = new Obj("red",14);
var oObj2 = new Obj("white",10);

oObj1.drivers.push("li");

alert(oObj1.drivers);     //output "zhang wang li"
alert(oObj2.drivers);     //output "zhang wang"

 

  這樣就完美了，但是思想無止境，有些人追求更完美，他們認爲這種構造函數內尋找屬性，外部找方法的做法不合邏輯。於是就有：

 

5.動態原型方法

 

function Obj(sColor, iSize){
     this.color = sColor;
     this.size = iSize;
     this.drivers = new Array("zhang","wang");
     
     if(typeof Obj._initialized == "undefined"){
          Obj.prototype.tellSize = function() {
              alert(this.size);
           };
           Obj._initialized = true;
      }

}

var oObj1 = new Obj("red",14);
var oObj2 = new Obj("white",10);

oObj1.drivers.push("li");

alert(oObj1.drivers);     //output "zhang wang li"
alert(oObj2.drivers);     //output "zhang wang"