創建對象的幾種模式

一般創建對象是用以下兩種方式

new object創建對象：

var Person = new Object();
Person.name = "張三";
Person.age = "18";
Person.job = "123";

或者，對象字面量的方式：

var Person = {
    name:"lisi",
    age:"18",
    job:"123"
}

這兩種方式的缺點是：同一個介面創建很多對象，會產生大量的重覆代碼，如var Person1={}，var Person2={}，為瞭解決這個問題，人們開始使用工廠模式的一種變體來創建對象。

一、工廠模式

由於在ECMAScript中無法創建類，開發人員就發明瞭一種函數，用函數來封裝以特定介面創建對象的細節，如下圖：

function creatPerson(name,age,job){
    var a = new Object();
    a.name = name;
    a.age = age;
    a.job = job;
    return a;
}

var person2 = creatPerson("lisi","17","456");

使用工廠模式創建對象，無論創建多少個對象，都只需要調用creatPerson（）函數，並傳入相關參數即可。但是工廠模式也留下了一個問題，就是無法區分創建對象類型是什麼，在ECMAScript 中的構造函數可用來創建特定類型的對象 。

二、構造函數模式

function Person(name,age,job){
    this.name = name;
    this.age = age;
    this.job = job;
    this.sayName = function(){
        alert(this.name);
    }
}
var person1 = new Person("lisi","18","123");

創建自定義的構造函數，從而定義自定義對象類型的屬性和方法 。構造函數也是函數，它與普通函數唯一的區別就是調用方式不同。任何函數，只要用new操作符來調用，那它就可以作為構造函數。
缺點：函數即對象，sayName 是匿名函數對象；每調用實例化一次構造函數就會創建一個匿名函數對象，不同實例上的同名函數是不相等的，占用記憶體。

三、原型模式

理解原型：只要創建了一個新函數，就會根據一組特定的規則為該函數創建一個 prototype屬性，這個屬性指向函數的原型對象。
在預設情況下，所有原型對象都會自動獲得一個 constructor（構造函數）屬性，這個屬性包含一個指向 prototype 屬性所在函數的指針。

function Person(){

}
Person.prototype = {
    constructor:Person,
    name:"張三",
    age:"18",
    job:"123",
    friends: ['小明', '小剛'],
    sayName:function(){
        alert(this.name);
    }
}
var person1 = new Person();

這裡將 Person.prototype 設置為以對象字面量的形式創建的新對象，由於每創建一個新對象，就會同時創建它的 prototype原型對象，
這個對象也會自動獲得 constructor 屬性，這個constructor指向這個新創建的object對象，而不是Person對象，為了使其指向Person，
需添加 constructor:Person

原型模式的缺點：

var p1 = new Person();
var p2 = new Person();
p2.name = '李四';
p1.friends.push('小紅');// 指向同一個friends數組，修改的是原型中的friends
console.log(p1.friends);//["小明", "小剛", "小紅"]
console.log(p2.friends);//["小明", "小剛", "小紅"]
console.log(p1.friends == p2.friends);//true

缺點1：省略了為構造函數傳遞初始化參數這一環節，結果所有實例在預設情況下都將取得相同的屬性值

缺點2：對於原生構造函數（Object、Array等）的缺點：

p1的friends和p2的friends相同，因為p1修改了原型對象的friends，但我們需要的是它們不應該相同，
解決辦法：將需要共用的屬性或方法在原型中定義，將不需要共用的如：friends，在構造函數中定義

四、組合使用構造函數和原型模式

構造函數模式用於定義實例屬性，而原型模式用於定義方法和共用的屬性。結果，每個實例都會有自己的一份實例屬性的副本，但同時又共用著對方法的引用，最大限度地節省了記憶體。

function Person(name,age,job){
    this.name = name;
    this.age = age;
    this.job = job;
    this.friends: = ['小明', '小剛'],
}
Person.prototype = {
    constructor:Person,
    sayName:function(){
        alert(this.name);
    }
}