快捷導(dǎo)航

JavaScript面向?qū)ο蟪绦蛟O(shè)計(jì)教程

更新時(shí)間：2016年03月29日 11:48:43 作者：鱷山維蝦殼集思園

這篇文章主要介紹了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ì)象?？梢詿o(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)型）

您可能感興趣的文章: