本文實例講述了JavaScript面向?qū)ο蟪绦蛟O(shè)計創(chuàng)建對象的方法。分享給大家供大家參考，具體如下：

面向?qū)ο蟮恼Z言具有一個共同的標志，那就是具有“類”的概念，但是在javascript中沒有類的概念，在js中將對象定義為“無序?qū)傩缘募希鋵傩钥梢园局?，對象或者函?shù)”，即其將對象看作是一組名值對的散列表。這樣問題就來了，如何創(chuàng)建對象呢？

在最開始時使用object構(gòu)造函數(shù)和對象字面量來創(chuàng)建單個對象，下面簡要介紹這兩種方法。

object構(gòu)造函數(shù)：創(chuàng)建自定義對象的最簡單方式就是創(chuàng)建一個object的實例，然后為這個實例添加屬性和方法：

var person=new object();
person.name="haha";
person.age=20;
person.job="搞笑工作者";
person.sayName=function(){
   alert(this.name);
};

在上面的代碼中，定義了一個person對象，并且添加了三個屬性和一個方法，其中方法采用的時函數(shù)表達式的方式實現(xiàn)，這是用object構(gòu)造函數(shù)的方式創(chuàng)建一個對象。

對象字面量：

var person={
  name:"haha",
  age:20,
  job:"搞笑工作者",
  sayName:function(){
    alert(this.name);
  }
}

以上代碼中同樣創(chuàng)建了一個person對象，這種方法類似于代碼塊的方式，實現(xiàn)了對一個person對象的創(chuàng)建。

以上這兩種方法中，都需要大量重復(fù)定義，在我們需要創(chuàng)建對象時就需要重復(fù)以上代碼，不夠精煉，所以出現(xiàn)了工廠模式和構(gòu)造函數(shù)模式類創(chuàng)建對象的方法。

工廠模式：

工程模式抽象了創(chuàng)建具體對象的過程（專業(yè)書籍中給出），其實說的比較明白點就是采用函數(shù)的形式，用函數(shù)來封裝創(chuàng)建對象的過程，再創(chuàng)建對象時以調(diào)用函數(shù)的形式創(chuàng)建。例如：

function createPerson(name,age,job){
  var o=new object();
  o.name="haha";
  o.age=20;
  o.job="搞笑工作者";
  o.sayName=function(){
    alert(this.name);
  };
  return o;
}
var person1=createPerson("hehe",22,"呵呵工作者");
var person2=createPerson("heihei",23,"嘿嘿工作者");

在這種工廠模式下，將以object構(gòu)造函數(shù)創(chuàng)建對象的方法封裝到了一個函數(shù)中，在以后的創(chuàng)建對象的過程中，直接調(diào)用此方法就可以創(chuàng)建出一個接著一個的對象。

構(gòu)造函數(shù)模式：

構(gòu)造函數(shù)模式相對于工廠模式的優(yōu)勢在于構(gòu)造函數(shù)模式可以創(chuàng)建特定類型的對象。

function Person(name,age,job){
  this.name=name;
  this.age=age;
  this.job=job;
  this.sayName=function(){
    alert(this.name);
  };
}
var person1=new Person("hehe",22,"呵呵工作者");
var person2=new Person("heihei",23,"嘿嘿工作者");

在以上代碼中，定義一個Person()的方法，在Person()方法中，將其屬性進行了實例化，這種方法類似于在面向?qū)ο笳Z言中在實例化類時直接會調(diào)用的構(gòu)造函數(shù)，利用這種方法，將此函數(shù)大致相當于面向?qū)ο笳Z言中的類，可以在以后的代碼中不斷的實例化，用以不斷創(chuàng)建出此類的對象。在Javascript中，這種構(gòu)造函數(shù)也是一種函數(shù)，不過是專門用于創(chuàng)建對象而已。

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《javascript面向?qū)ο笕腴T教程》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學運算用法總結(jié)》

希望本文所述對大家JavaScript程序設(shè)計有所幫助。

最新評論