快捷導(dǎo)航

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

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

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

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

理解對象

前面的博客里寫過創(chuàng)建對象的方式有兩種，一種是創(chuàng)建一個object的實例，另一種是使用對象字面量法：

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)建對象

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

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

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

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

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

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

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);
  }; //引號不要漏掉，養(yǎng)成好的習慣
  return obj;
}
var person1 = createPerson("bluce",58,"man");
var person2 = createPerson("john",68,"man");

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

您可能感興趣的文章: