javascript設計模式介紹(四)組合使用構造函數模式和原型模式

創建自定義類型的最常見方式,就是組合使用構造函數模式與原型模式。構造函數模式用於定義實例屬性,而原型模式用於定義方法和共享的屬性。

結果,每個實例都會有自己的一份實例屬性的副本,但同時又共享着對方法的引用,最大限度地節省了內存。

另外,這種混成模式還支持向構造函數傳遞參數;可謂是集兩種模式之長。下面的代碼重寫了前面的例子。

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


在這個例子中,實例屬性都是在構造函數中定義的,而由所有實例共享的屬性 constructor 和方法 sayName()則是在原型中定義的。

而修改了 person1.friends(向其中添加一個新字符串),並不會影響到 person2.friends,因爲它們分別引用了不同的數組。

這種構造函數與原型混成的模式,是目前在 ECMAScript中使用最廣泛、認同度最高的一種創建自定義類型的方法。

可以說,這是用來定義引用類型的一種默認模式

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章