《JavaScript設(shè)計(jì)模式與開(kāi)發(fā)實(shí)踐》 —— <閱讀小札·一>

Yangder 發(fā)布于2019-08-20 14:29 / 2848人閱讀

摘要：閱讀小札一閱讀前自大學(xué)課上，就開(kāi)始接觸設(shè)計(jì)模式，但對(duì)設(shè)計(jì)模式卻鮮有研究與實(shí)踐。第二部分是核心部分，由淺到深講解個(gè)設(shè)計(jì)模式。設(shè)計(jì)模式遵循的原則所有設(shè)計(jì)模式罪訓(xùn)的一條原則就是找出程序中變化的地方，并將變化封裝起來(lái)。

閱讀小札 · <一> 閱讀前

自大學(xué)Java課上，就開(kāi)始接觸設(shè)計(jì)模式，但對(duì)設(shè)計(jì)模式卻鮮有研究與實(shí)踐。最近向公司反映和游說(shuō)技術(shù)提升，得以獲得公司提供購(gòu)書(shū)機(jī)會(huì)，借此認(rèn)真學(xué)習(xí)前端學(xué)習(xí)之路的設(shè)計(jì)模式。

理解和原文片段

本書(shū)結(jié)構(gòu)分為三大部分：
第一部分講解JavaScript面向?qū)ο蠛秃瘮?shù)式編程方面的知識(shí)，主要包括靜態(tài)類(lèi)型語(yǔ)言和動(dòng)態(tài)類(lèi)型語(yǔ)言的區(qū)別及其在實(shí)現(xiàn)設(shè)計(jì)模式時(shí)的異同，以及封裝、繼承、多態(tài)在動(dòng)態(tài)類(lèi)型語(yǔ)言中的體現(xiàn)，此外還介紹了JavaScript基于原型繼承的面向?qū)ο笙到y(tǒng)的來(lái)龍去脈，給學(xué)習(xí)設(shè)計(jì)模式做鋪墊。
第二部分是核心部分，由淺到深講解16個(gè)設(shè)計(jì)模式。
第三部分講解面向?qū)ο蟮脑O(shè)計(jì)原則及其在設(shè)計(jì)模式中的體現(xiàn)，以及編程技巧和代碼重構(gòu)。

在最初了解設(shè)計(jì)模式和接觸JavaScript腳本語(yǔ)言的時(shí)候，以為只有靜態(tài)語(yǔ)言才有設(shè)計(jì)模式，以及JavaScript并不能進(jìn)行面向?qū)ο缶幊蹋钡胶髞?lái)慢慢接觸到JavaScript的面向?qū)ο缶幊獭?/p>

在編程中，即使我們不知道有哪些設(shè)計(jì)模式，卻在代碼里已經(jīng)悄悄用上了許許多多模式。比如each函數(shù)就是是迭代器模式。
而如今閱讀這本書(shū)，我想要去對(duì)這些模式的名稱(chēng)和設(shè)計(jì)去有更多的理解，懂得如何去描述它，以及遇到場(chǎng)景能快速尋找到合適的模式作為解決方案。

學(xué)習(xí)設(shè)計(jì)模式的作用

加強(qiáng)對(duì)模式的理解，形成條件反射去解決開(kāi)發(fā)中遇到的場(chǎng)景和問(wèn)題。

設(shè)計(jì)模式的作用

設(shè)計(jì)模式雖然可能會(huì)增加復(fù)雜度，或帶來(lái)一些額外的代碼，以及如果使用不當(dāng)，會(huì)變得更糟糕。但從軟件開(kāi)發(fā)本身的角度看，開(kāi)發(fā)成本并非全部在開(kāi)發(fā)階段，設(shè)計(jì)模式的作用是讓人寫(xiě)出可復(fù)用和可維護(hù)性高的程序。

設(shè)計(jì)模式遵循的原則

所有設(shè)計(jì)模式罪訓(xùn)的一條原則就是“找出程序中變化的地方，并將變化封裝起來(lái)”。

JavaScript是一門(mén)完全面向?qū)ο蟮恼Z(yǔ)言

雖然JavaScript是一門(mén)面向?qū)ο蟮恼Z(yǔ)言，但由于長(zhǎng)期被人們用來(lái)驗(yàn)證表單或者簡(jiǎn)單動(dòng)畫(huà)特效，以至于在這門(mén)語(yǔ)言中使用設(shè)計(jì)模式顯得小題大做。
而如今JavaScript已成為最流行的語(yǔ)言之一，在大型Web項(xiàng)目中，JavaScript代碼數(shù)量已經(jīng)非常龐大，在github上可見(jiàn)一斑。而在github上優(yōu)秀的開(kāi)源庫(kù)，都運(yùn)用到了非常多的設(shè)計(jì)模式。