Javascript 中創建對象,可以有很多種方法。
Object構造函數/對象字面量:
拋開設計模式不談,使用最基本的方法,就是先調用Object構造函數創建一個對象,然後給對象添加屬性.
復制代碼 代碼如下:
var student = new Object();
student.name = "xiao ming";
student.age = 20;
student.getName = function () {
alert(this.name);
}
熟悉javascript 對象字面量的同學,可以換一種更好的寫法,至少看上去更簡潔。
復制代碼 代碼如下:
var student = {
name: "xiao hong",
age: 18,
getName: function () {
alert(this.name);
}
};
缺點:上面方法有個缺點就是,使用同一個接口創建很多類似的對象時,會產生大量重復的代碼。這個應該很容易理解了,函數(方法或者類)一般是用來創建公共的方法,上面的對象創建過程,根本沒有函數的影子,所以談不上什麼重用。
工廠模式:
工廠模式 抽象了具體創建對象的過程。就像一個黑盒,你只要調用函數(進入工廠),並且傳入相應參數(各種原材料),就會出來一個相應的對象(工廠生產的產品)。工廠模式解決了創建多個相似對象的問題。
復制代碼 代碼如下:
function studentFactory(name,age) {
var student = new Object();
student.name = name;
student.age = age;
student.sayName = function () {
alert(this.name);
}
return student;
}
var p1 = studentFactory("ming", 20);
var p2 = studentFactory("hong", 18);
缺點:工廠模式也有缺點,最大的缺點就是 對象類型識別的問題。只能判斷出對象是Object 類型(p1 instanceof Object),而無法具體判斷出來是哪種類型。使用工廠模式創建出來的student 其實都有著類似的屬性和方法,只是值不同而已。這時 更好的解決方法是,創建一個Student 函數,這樣所有的對象都屬於 Student 類型。所以工廠模式不是不好,只是 構造函數模式更優。
自定義類型的構造函數:
構造函數可以用來創建特定類型的對象。
復制代碼 代碼如下:
function Student(name,age) {
this.name = name;
this.age = age;
this.sayName = function () {
alert(this.name);
}
}
var p3 = new Student("ming", 20);
var p4 = new Student("hong", 18);
alert(p3 instanceof Student);
alert(p3.sayName==p4.sayName); //false
缺點:自定義構造函數 的不足之處就是,每個對象都會重新創建自己的方法,其實這些方法功能是一樣的(像 sayName),但是它們卻不相同(p3.sayName 和p4.sayName不相等)。
原型模式:
定義一個空函數,然後把所有屬性和方法都添加到原型上,這樣所有的 對象都會共用這些屬性和方法。
復制代碼 代碼如下:
function Student() {};
Student.prototype.name = "ming";
Student.prototype.age = 20;
Student.prototype.friends = ['qi'];
Student.prototype.sayName = function () {
alert(this.name);
};
缺點:有些屬性不能共享,共享回來帶來問題,例如:friends。每位同學的friends 大多都不會相同。
構造函數與原型的組合:
復制代碼 代碼如下:
function Student(name, age, friends) {
this.name = name;
this.age = age;
this.friends = friends;
}
Student.prototype = {
constructor: Student,
sayName: function () {
alert(this.name);
}
};
總結:構造函數與原型的組合 是一種獲得廣泛認可的創建自定義類型的方法。 也是上面這些方法中的最優方法。
/*************************************************************************************************************/
其實上面的創建對象的方法已經很多了,但是還是有可能出現一些比較特殊的場景,需要繼續的優化。
動態原型模式:
它是構造函數與原型組合 的一種優化。對於那些共用的屬性和方法,如果初始化之後,就不必再重復初始化,提高效率。
復制代碼 代碼如下:
function Student(name, age) {
this.name = name;
this.age = age;
if ((typeof this.sayName) != "function") {
Student.prototype.sayName = function () {
alert(this.name);
}
}
}
var stu = new Person("ming", 20);
//alert(stu instanceof Student);
stu.sayName();
var stuNew = new Person("hong", 18);
//alert(stuNew instanceof Student);
stuNew.sayName();
當創建多個student對象時,sayName 方法只會初始化一次。
最後還有一種很有用的創建對象的方式,就是穩妥構造函數。
穩妥構造函數模式:
在這個模式中會禁止使用this和new,所有對象沒有公共的屬性。只能讀取變量的值,而不能修改。
復制代碼 代碼如下:
////穩妥構造函數模式
function Student(name, age) {
var o = new Object();
o.sayName = function () {
alert(name);
}
return o;
}
var stu = Student("ming", 21);
stu.sayName();
以上匯總了幾種常見的Javascript創建自定義對象的方法,非常的全面,大家如有更好的,請聯系我,本文持續更新。