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

面向?qū)ο蟮恼Z(yǔ)言具有一個(gè)共同的標(biāo)志，那就是具有“類”的概念，但是在javascript中沒(méi)有類的概念，在js中將對(duì)象定義為“無(wú)序?qū)傩缘募?，其屬性可以包含基本值，?duì)象或者函數(shù)”，即其將對(duì)象看作是一組名值對(duì)的散列表。這樣問(wèn)題就來(lái)了，如何創(chuàng)建對(duì)象呢？

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

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

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

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

對(duì)象字面量：

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

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

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

工廠模式：

工程模式抽象了創(chuàng)建具體對(duì)象的過(guò)程（專業(yè)書籍中給出），其實(shí)說(shuō)的比較明白點(diǎn)就是采用函數(shù)的形式，用函數(shù)來(lái)封裝創(chuàng)建對(duì)象的過(guò)程，再創(chuàng)建對(duì)象時(shí)以調(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)建對(duì)象的方法封裝到了一個(gè)函數(shù)中，在以后的創(chuàng)建對(duì)象的過(guò)程中，直接調(diào)用此方法就可以創(chuàng)建出一個(gè)接著一個(gè)的對(duì)象。

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

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

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,"嘿嘿工作者");

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

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

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

最新評(píng)論