js 建立對象的幾種方式

JS中建立對象的主要模式有

工廠模式

工廠模式抽象了具體建立對象的過程例如

function createPerson(name, age, job){
    var o = new Object();
    o.name = name;
    o.age = age;
    o.job = job;
    o.sayName = function(){
        alert(this.name);
    };
    return o;
}

函數createPerson()可以根據接受的參數來構建一個包含全部必要信息的Person對象。能夠無數次地調用這個函數，而每次它都會返回一個包含三個屬性一個方法的對象

構造函數模式

function Person(name, age, job){
    this.name = name;
    this.age = age;
    this.job = job;
    this.sayName = function(){
        alert(this.name);
    };
}

原型模式

function Person() {}
Person.prototype.name = "Nicholas";
Person.prototype.age = 29;
Person.prototype.job = "Software Engineer";
Person.prototype.sayName = function() {
    alert(this.name);
};
var person1 = new Person(); 
//"Nicholas"
person1.sayName();
var person2 = new Person();
//"Nicholas"
person2.sayName();
//true
alert(person1.sayName == person2.sayName);

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

建立自定義類型的最多見方式，就是組合使用構造函數模式與原型模式。構造函數模式用於定義實例屬性，而原型模式用於定義方法和共享的屬性。結果，每一個實例都會有本身的一份實例屬性的副本，但同時又共享着對方法的引用，最大限度地節省了內存。另外，這種混成模式還支持向構造函數傳遞參數；可謂是集兩種模式之長。下面的代碼重寫了前面的例子。

function Person(name, age, job) {
    this.name = name;
    this.age = age;
    this.job = job;
    this.friends = ["Shelby", "Court"];
}
Person.prototype = {
    constructor: Person,
    sayName: function() {
        alert(this.name);
    }
}
var person1 = new Person("Nicholas", 29, "Software Engineer");
var person2 = new Person("Greg", 27, "Doctor");
person1.friends.push("Van"); 
//"Shelby,Count,Van"
alert(person1.friends);
//"Shelby,Count"
alert(person2.friends);
//false
alert(person1.friends === person2.friends);
//true
alert(person1.sayName === person2.sayName);

在這個例子中，實例屬性都是在構造函數中定義的，而由全部實例共享的屬性constructor和方法sayName()則是在原型中定義的。而修改了person1.friends（向其中添加一個新字符串），並不會影響到person2.friends，由於它們分別引用了不一樣的數組。