比較js中創建對象的幾種方式
1.工廠模式
function createObj(name, sex){ var obj = new Object(); obj.name = name; obj.sex = sex; obj.sayName = function(){ alert(this.name); } return obj; } var person = createObj('Tom', 'man');
缺點:①無法確定對象的類型(因為都是Object)。
②創建的多個對象之間沒有關聯。
2.構造函數
function createObj(name, sex){ this.name = name; this.sex = sex; this.sayName = function(){ alert(this.name); } } var person = new createObj('Tom', 'man');
缺點:①多個實例重復創建方法,無法共享。
②多個實例都有sayName方法,但均不是同一個Function的實例。
3.原型方法
function createObj(){} createObj.prototype.name = 'Tom'; createObj.prototype.sex = 'man'; createObj.prototype.sayName = function(){ alert(this.name); } var person = new createObj();
缺點:①無法傳入參數,不能初始化屬性值。
②如果包含引用類型的值時,改變其中一個實例的值,則會在所有實例中體現。
4.組合式(構造函數+原型方法)推薦使用
function createObj(name, sex){ this.name = name; this.sex = sex; } createObj.prototype.sayName = function(){ alert(this.name); } var person = new createObj('Tom', 'man');
優點:構造函數共享實例屬性,原型共享方法和想要共享的屬性。可傳遞參數,初始化屬性值。
5.動態原型方法
function createObj(name, sex){ this.name = name; this.sex = sex; if(typeof this.sayName != 'function'){ createObj.prototype.sayName = function(){ alert(this.name); } } } var person = new createObj('Tom', 'man');
說明:if語句中只會調用一次,就是在碰到第一個實例調用方法時會執。此後所有實例都會共享該方法。在動態原型方法下,不能使用對象字面量重寫原型。
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持。