這篇文章主要介紹了JavaScript面向?qū)ο蟪绦蛟O(shè)計(jì)教程的相關(guān)資料,需要的朋友可以參考下

JavaScript中對(duì)象的定義為：無(wú)序?qū)傩缘募?，其屬性可以包含基本值、?duì)象或者函數(shù)?？梢园褜?duì)象想象成散列表，就是一組名值對(duì)（key：value），其中值可以是數(shù)據(jù)或函數(shù)，每個(gè)對(duì)象都是基于一個(gè)引用類(lèi)型創(chuàng)建的。

理解對(duì)象

前面的博客里寫(xiě)過(guò)創(chuàng)建對(duì)象的方式有兩種，一種是創(chuàng)建一個(gè)object的實(shí)例，另一種是使用對(duì)象字面量法：

var person = new Object();

person.sex = man;

person.name = bluce

person.age = 58;

person.sayHi() = function(){

console.log('Hello World!');

}

但更多的是采用下面一種方式

var person = {

sex:man,

name:'bluce',

age:'58',

sayHi:function(){

console.log('Hello World!');

}

}

創(chuàng)建對(duì)象

使用Object構(gòu)造函數(shù)和對(duì)象字面量法都可以創(chuàng)建單個(gè)對(duì)象，但有明顯的缺點(diǎn)：使用同一個(gè)接口創(chuàng)建很多對(duì)象，會(huì)產(chǎn)生大量的重復(fù)代碼。常用的創(chuàng)建對(duì)象方式主要有工廠模式、構(gòu)造函數(shù)模型、原型模式。

這里有自己的一個(gè)疑問(wèn)：采用AMD規(guī)范后，編寫(xiě)的單個(gè)js文件，可以看做一個(gè)模塊，也可以說(shuō)是一個(gè)“類(lèi)”，現(xiàn)在與JavaScript中的這個(gè)“類(lèi)”概念有點(diǎn)混淆了，希望后面能分清應(yīng)用場(chǎng)合吧。

關(guān)于JavaScript面向?qū)ο蟪绦蛟O(shè)計(jì)教程小編就給大家介紹到這里，希望對(duì)大家有所幫助！

下面給大家補(bǔ)充JavaScript面向?qū)ο笤O(shè)計(jì)——工廠模式

工廠模式是軟件工程領(lǐng)域一種廣為人知的設(shè)計(jì)模式，這種模式抽象了創(chuàng)建具體對(duì)象的過(guò)程，可以用函數(shù)來(lái)封裝以特定接口創(chuàng)建對(duì)象的細(xì)節(jié)。 

之前在Java的DAO中用過(guò)這種設(shè)計(jì)模式，比較容易理解。

function createPerson(name,age,sex){

  var obj = new Object();

  obj.name = name;

  obj.age = age;

  obj.sex = sex;

  obj.sayHi() = function(){

    console.log(this.name);

  }; //引號(hào)不要漏掉，養(yǎng)成好的習(xí)慣

  return obj;

}

var person1 = createPerson("bluce",58,"man");

var person2 = createPerson("john",68,"man");

使用該函數(shù)可以根據(jù)接收的參數(shù)創(chuàng)建一個(gè)包含必要信息的Person對(duì)象。可以無(wú)數(shù)次地調(diào)用這個(gè)函數(shù)，每次都會(huì)返回一個(gè)包含三個(gè)屬性和一個(gè)方法的對(duì)象。工廠模式解決了創(chuàng)建多個(gè)相似對(duì)象的問(wèn)題，但沒(méi)有解決對(duì)象識(shí)別的問(wèn)題（如何知道一個(gè)對(duì)象的類(lèi)型）