快捷導(dǎo)航

javascript設(shè)計模式Constructor（構(gòu)造器）模式

更新時間：2016年08月19日 09:48:44 作者：yilanyoumeng3

這篇文章主要為大家詳細介紹了javascript設(shè)計模式Constructor（構(gòu)造器）模式，感興趣的小伙伴們可以參考一下

Constructor是一種在內(nèi)存已分配給該對象的情況下，用于初始化新創(chuàng)建對象的特殊方法。Object構(gòu)造器用于創(chuàng)建特定類型的對象–準(zhǔn)備好對象以備使用，同事接收構(gòu)造器可以使用參數(shù)，以在第一次創(chuàng)建對象時，設(shè)置成員屬性和方法值。

對象創(chuàng)建
創(chuàng)新新對象，在javascript中通常有兩種方法：
1.對象直面量方法
var newObj = {};

2.構(gòu)造器的簡潔方法
var newObj = new Object();
在Object構(gòu)造器為特定的值創(chuàng)建對象封裝，或者沒有傳遞值時，它將創(chuàng)建一個肯那個對象并返回

對象賦值的方法：
1.“點”方法

 //設(shè)置屬性
newObj.name = 'LanFeng';
//獲取值
var user= newObj.name;

1.中括號方法

 //設(shè)置屬性
newObj["name"]= 'LanFeng';
//獲取值
var user= newObj["name"];

1.Object.defineProperty (適用ECMAScript5)

 //設(shè)置屬性
Object.defineProperty(newObj,"name",{
  value:"LanFeng",
  writable:true,
  enumerable:true,
  configurable:true
})

1.Object.defineProperties

 //設(shè)置屬性
 Object.defineProperties(newObj,{
   "someKey":{
    value:"Hello Js",
     writable:true
  },
  "anotherKey":{
    value:"Foo bar",
    writable:false
  }
})

Javascript不支持類的概念，但它確實支持與對象一起用的特殊constructor函數(shù)，通過在構(gòu)造器前面加new關(guān)鍵字，告訴js像使用構(gòu)造器一樣實例化一個新對象，并且對象成員由該函數(shù)定義。
在構(gòu)造器內(nèi)，關(guān)鍵字this引用新創(chuàng)建的對象?；仡檶ο髣?chuàng)建，基本的構(gòu)造器：

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";
  }
}
//創(chuàng)建實例化對象

var civio = new Car("Honda Civio",2009,20000);

var mondeo= new Car("Ford Mondeo",2009,5000);

上面例子是一個簡單的構(gòu)造器模式版本，但它確實存在一些問題，其中一個問題是，它使用繼承變得困難，另外一個問題是，toString()這樣的函數(shù)是為每個使用Car構(gòu)造器創(chuàng)建的新對象而分別重新定義的，這個不是最理想的，因為這種函數(shù)應(yīng)該在所有的Car類型實例直接共享。

javascript中有有一個prototype的屬性，調(diào)用js構(gòu)造器創(chuàng)建一個對象后，新對象就會具有構(gòu)造器原型的所有屬性，通過這種方式，可以創(chuàng)建多個對象，并訪問相同的原型，實現(xiàn)方法共享。

function Car(model,year,miles){
  this.model = model;
  this.year = year;
  this.miles = miles;

}


//原型函數(shù)
Car.prototype.toString = function(){
  return this.model + "has done" + this.miles +"miles";
  }

//創(chuàng)建實例化對象

var civio = new Car("Honda Civio",2009,20000);
var mondeo= new Car("Ford Mondeo",2009,5000);
console.log(civio.toString())
console.log(mondeo.toString())

現(xiàn)在toString()的單一實例就能夠在所有Car對著之間共享。

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: