javascript設計模式-Constructor(構造器)模式
阿新 • • 發佈:2019-01-01
Constructor是一種在記憶體已分配給該物件的情況下,用於初始化新建立物件的特殊方法。Object構造器用於建立特定型別的物件–準備好物件以備使用,同事接收構造器可以使用引數,以在第一次建立物件時,設定成員屬性和方法值。
物件建立
創新新物件,在javascript中通常有兩種方法:
物件直面量方法
var newObj = {};構造器的簡潔方法
var newObj = new Object();
在Object構造器為特定的值建立物件封裝,或者沒有傳遞值時,它將建立一個肯那個物件並返回
物件賦值的方法:
- “點”方法
//設定屬性
newObj.name = 'LanFeng' ;
//獲取值
var user= newObj.name;
- 中括號方法
//設定屬性
newObj["name"]= 'LanFeng';
//獲取值
var user= newObj["name"];
- Object.defineProperty (適用ECMAScript5)
//設定屬性
Object.defineProperty(newObj,"name",{
value:"LanFeng",
writable:true,
enumerable:true,
configurable:true
})
- Object.defineProperties
//設定屬性
Object.defineProperties(newObj,{
"someKey":{
value:"Hello Js",
writable:true
},
"anotherKey":{
value:"Foo bar",
writable:false
}
})
Javascript不支援類的概念,但它確實支援與物件一起用的特殊constructor函式,通過在構造器前面加new關鍵字,告訴js像使用構造器一樣例項化一個新物件,並且物件成員由該函式定義。
在構造器內,關鍵字this引用新建立的物件。回顧物件建立,基本的構造器:
function Car(model,year,miles){
this.model = model;
this.year = year;
this.miles = miles;
this.toString = function(){
return this.model + "has done" + this.miles +"miles";
}
}
//建立例項化物件
var civio = new Car("Honda Civio",2009,20000);
var mondeo= new Car("Ford Mondeo",2009,5000);
上面例子是一個簡單的構造器模式版本,但它確實存在一些問題,其中一個問題是,它使用繼承變得困難,另外一個問題是,toString()這樣的函式是為每個使用Car構造器建立的新物件而分別重新定義的,這個不是最理想的,因為這種函式應該在所有的Car型別例項直接共享。
javascript中有有一個prototype的屬性,呼叫js構造器建立一個物件後,新物件就會具有構造器原型的所有屬性,通過這種方式,可以建立多個物件,並訪問相同的原型,實現方法共享。
function Car(model,year,miles){
this.model = model;
this.year = year;
this.miles = miles;
}
//原型函式
Car.prototype.toString = function(){
return this.model + "has done" + this.miles +"miles";
}
//建立例項化物件
var civio = new Car("Honda Civio",2009,20000);
var mondeo= new Car("Ford Mondeo",2009,5000);
console.log(civio.toString())
console.log(mondeo.toString())
現在toString()的單一例項就能夠在所有Car對著之間共享。