1. 程式人生 > >創建對象的幾種模式

創建對象的幾種模式

開發 組合 無法 只需要 toolbar 同名 工廠模式 但是 方式

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

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);
    }
}

創建對象的幾種模式