發(fā)布日期：2017/6/14

百度權(quán)重查詢 站長交易 友情鏈接交換 網(wǎng)站監(jiān)控 服務(wù)器監(jiān)控 seo監(jiān)控

可靠的設(shè)計模式是可維護軟件的基石，假如你曾參與技術(shù)面試，很有可能被問到關(guān)于設(shè)計模式的這類東西。下面這個指南中，我們將學(xué)習(xí)一些今天就可以用得著的設(shè)計模式。

什么是設(shè)計模式？

簡單來說，設(shè)計模式就是對特定類型問題重用的軟件解決方案，這些問題在軟件開發(fā)的時候經(jīng)常會碰到，通過許多年的實踐，專家對一些相似地問題總結(jié)出一些方法，這些方法就封裝成為一種設(shè)計模式，所以：

模式是一種經(jīng)驗證的用于解決軟件開發(fā)問題的方案。

模式是可擴展的，因為他們經(jīng)常被結(jié)構(gòu)化而且你需要遵循某些規(guī)則。

對于相似的問題，模式可被重用

在接下來的教程中,我們將直接給出一些設(shè)計模式的例子。

設(shè)計模式的種類

軟件開發(fā)中，設(shè)計模式通常分為幾種類別，在這篇教程中我們重點介紹以下三種：

1、創(chuàng)建型模式專注于構(gòu)建對象或者類，對象的創(chuàng)建聽起來很簡單(在某些情況下），但是大型應(yīng)用需要控制對象的創(chuàng)建過程。

2、結(jié)構(gòu)型設(shè)計模式專注于管理對象之間的關(guān)系使得應(yīng)用是用一種可擴展的架，，結(jié)構(gòu)型模式關(guān)鍵點是確保在應(yīng)用程序中部分改變不會影響其他部分。

3、行為模式專注于對象間的通信

你可能在讀完這些簡介的描述后仍然覺得有問題，這很正常，一旦我們看完了這些模式的深入介紹后，問題也會變得明朗起來，所以接著往下看吧。

類在javascript中的注重點：

當(dāng)我們讀設(shè)計模式時，你經(jīng)常會提及到類和對象。這很疑惑，因為javascript沒有真正“類”的構(gòu)造，一個更合適的術(shù)語叫“數(shù)據(jù)類型”。

javascript中的數(shù)據(jù)類型：

javascript是一門面向?qū)ο蟮恼Z言，一個對象繼續(xù)自其他對象，這個概念以原型繼續(xù)著稱。一個數(shù)據(jù)類型可以通過構(gòu)造函數(shù)創(chuàng)建，就像：

function Person（config） {

this.name = config.name;

this.age = config.age;

}

Person.prototype.getAge = function（） {

return this.age;

};

var tilo = new Person（{name：“Tilo”， age:23 }）;

console.log（tilo.getAge（））;

當(dāng)方法定義在Person數(shù)據(jù)類型中時注重prototype的使用，因為多個Person對象將引用統(tǒng)一個prototype，這樣就許可 getAge()方法可以被所有的Person數(shù)據(jù)類型的實例共享。而不是每個實例都重新定義一次，除此之外，任何繼續(xù)自Person的數(shù)據(jù)類型都可以訪問getAge()方法。

處理私稀有據(jù)

在javascript中另一個常見的問題是沒有真正意義上的私有變量，然而我們可以使用閉包

去模擬私有變量，考慮下面這代碼片段：

var retinaMacbook = （function（） {

//Private variables

var RAM， addRAM;

RAM = 4;

//Private method

addRAM = function （additionalRAM） {

RAM += additionalRAM;

};

return {

//Public variables and methods

USB： undefined，

insertUSB： function （device） {

this.USB = device;

}，

removeUSB： function （） {

var device = this.USB;

this.USB = undefined;

return device;

}

};

}）（）;

在上面這個例子中，我們創(chuàng)建了一個retinaMacbook對象，含有公有和私有變量及方法，可以這樣來使用它：

retinaMacbook.insertUSB（“myUSB”）;

console.log（retinaMacbook.USB）; //logs out “myUSB”

console.log（retinaMacbook.RAM） //logs out undefined

在javascript中函數(shù)和閉包可以做更多的事，但是我們在這個教程中沒法涉及到方方面面，我們簡短的學(xué)習(xí)了javascript的數(shù)據(jù)類型和私有變量。現(xiàn)在我們可以學(xué)習(xí)設(shè)計模式了。

創(chuàng)建型設(shè)計模式：

有許多種不同的創(chuàng)建設(shè)計模式，但是在這里我們主要討論兩種，建造模式(Builder)和原型模式(Prototype)。

建造模式：

建造模式通常用于web開發(fā)，有時你在使用它你卻還沒意識到。簡而言之，這個模式可以定義如下：

“使用建造模式許可我們僅僅通過指定類型和內(nèi)容來構(gòu)造一個對象，我們不需要明確的創(chuàng)建對象。”

例如，你可能無數(shù)次的使用jQuery：

var myDiv = $（‘<div id=“myDiv”>This is a div.</div>’）;

//myDiv now represents a jQuery object referencing a DOM node.

var someText = $（‘<p/>’）;

//someText is a jQuery object referencing an HTMLParagraphElement

var input = $（‘<input />’）;

看看上面這三個例子，個，傳遞了一個<div/>元素附帶一些內(nèi)容，第二個，傳遞一個空的<p>標(biāo)簽，第三個，傳遞一個<input/>元素。這三個例子的效果都是一樣的：返回一個jQuery對象的引用指向一個DOM節(jié)點。

1 2 下一頁