詳解JavaScript基於物件導向之創建對象

我們建立的每個函數都有一個透過prototype(原型)屬性，這個屬性是一個對象，它的用途是包含可以由特定類型的所有實例共享的屬性和方法。邏輯上可以這麼理解：prototypt透過條用建構函數而創造的那個物件的原型物件。使用原型的好處就是可以讓所有物件實例共享它所包含的屬性和方法。也就是說，不必在建構函式中定義物件訊息，而是直接將這些資訊加入原型

原型方式利用了物件的prototype 屬性，可以把它看成是建立新物件所依賴的原型。這裡，首先用空構造函數來設定函數名。然後所有的屬性和方法都直接被賦予prototype屬性。我重寫了前面的例子，程式碼如下：

function Car() { }; 
//将所有的属性的方法都赋予prototype属性 
Car.prototype.color = "blue"; 
Car.prototype.doors = 4; 
Car.prototype.mpg = 25; 
Car.prototype.showColor = function() { 
  return this.color; 
}; 
var Car1 = new Car(); 
var Car2 = new Car(); 
document.write(Car1.showColor()+"
");//输出：blue 
document.write(Car2.showColor());//输出：blue

在這段程式碼中，先定義建構函式Car()，其中無任何程式碼。接下來的幾行程式碼，透過為Car的 prototype 屬性加入屬性去定義Car物件的屬性。當呼叫new Car()時，原型的所有屬性都會立即被賦予要建立的對象，這意味著所有Car實例存放的都是指向 showColor() 函數的指標。從語義上講，所有屬性看起來都屬於一個對象，因此解決了前面的工廠方式和構造函數方式存在的問題

此外，使用這種方式，還能用instanceof 運算符檢查給定變數所指向的物件的類型：

document.write(Car1 instanceof Car);    //输出：tru

原型方式看起來是個不錯的解決方案。遺憾的是，它並不盡如人意。首先，這個建構函數沒有參數。使用原型方式，不能透過給建構函式傳遞參數來初始化屬性的值，因為Car1和Car2的color屬性都等於 "blue"，doors屬性都等於4，mpg屬性都等於25。這意味著必須在物件建立後才能改變屬性的預設值，這點很令人討厭，但還沒完。真正的問題出現在屬性指向的是對象，而不是函數時。函數共享不會造成問題，但物件卻很少被多個實例共享。請思考下面的例子：

function Car() { };//定义一个空构造函数，且不能传递参数 
Car.prototype.color = "blue"; 
Car.prototype.doors = 4; 
Car.prototype.mpg = 25; 
Car.prototype.drivers = new Array("Mike","John"); 
Car.prototype.showColor = function() { 
  return this.color; 
}; 
var Car1 = new Car(); 
var Car2 = new Car(); 
Car1.drivers.push("Bill"); 
document.write(Car1.drivers+"
");//输出：Mike,John,Bill 
document.write(Car2.drivers);//输出 ：Mike,John,Bill

上面的程式碼中，屬性drivers是指向Array物件的指針，該陣列包含兩個名稱"Mike"和 "John"。由於 drivers是引用值，Car的兩個實例都指向同一個陣列。這意味著為Car1.drivers加值 "Bill"，在 Car2.drivers 中也能看到。輸出這兩個指標中的任何一個，結果都是顯示字串 "Mike,John,Bill"。由於創建物件時有這麼多問題，你一定會想，是否有種合理的創建物件的方法呢？答案是有，需要聯合使用建構子和原型方式

混合的建構子/原型方式(建議使用

混合使用建構函式方式和原型方式，就可像用其他程式設計語言一樣建立物件。方法）。 >
現在就更像創建一般物件了。 ，所以沒有記憶體浪費。 Car2.drivers 顯示的是"Mike,John"。方式的特性，卻沒有他們的副作用。

function Car(Color,Doors,Mpg) { 
 this.color = Color; 
 this.doors = Doors; 
 this.mpg = Mpg; 
 this.drivers = new Array("Mike","John"); 
 //如果Car对象中的_initialized为undefined，表明还没有为Car的原型添加方法 
 if (typeof Car._initialized == "undefined") { 
   Car.prototype.showColor = function() { 
    return this.color; 
   }; 
   Car._initialized = true; //设置为true，不必再为prototype添加方法 
 } 
} 
var Car1 = new Car("red",4,23);//生成一个Car对象 
var Car2 = new Car("blue",3,25); 
Car1.drivers.push("Bill");//向Car1对象实例的drivers属性添加一个元素 
document.write(Car1.drivers+"
");//输出：Mike,John,Bill 
document.write(Car2.drivers);//输出：Mike,John