湯姆大叔的博客

摘要：介紹享元模式（Flyweight），運行共享技術有效地支持大量細粒度的對象，避免大量擁有相同內容的小類的開銷(如耗費內存)，使大家共享一個類(元類)。享元模式可以避免大量非常相似類的開銷，在程序設計中，有時需要生產大量細粒度的類實例來表示數據，如果能發現這些實例除了幾個參數以外，開銷基本相同的 話，就可以大幅度較少需要實例化的類的數量。如果能把那些參數移動到類實例的外面，在方法調用的時候將他們傳遞進來，就可以通過共享大幅度第減少單個實例 的數目。那么如果在JavaScript中應用享元模式呢？有兩種方式，第一種是應用在數據層上，主要是應用在內存里大量相似的對象上；第二種是應用在DOM層上，享元 閱讀全文

摘要：介紹中介者模式（Mediator），用一個中介對象來封裝一系列的對象交互。中介者使各對象不需要顯式地相互引用，從而使其耦合松散，而且可以獨立地改變它們之間的交互。主要內容來自：http://www.addyosmani.com/resources/essentialjsdesignpatterns/book/#mediatorpatternjavascript正文軟件開發中，中介者是一個行為設計模式，通過提供一個統一的接口讓系統的不同部分進行通信。一般，如果系統有很多子模塊需要直接溝通，都要創建一個中央控制點讓其各模塊通過該中央控制點進行交互。中介者模式可以讓這些子模塊不需要直接溝通，而達到進 閱讀全文

摘要：介紹迭代器模式(Iterator)：提供一種方法順序一個聚合對象中各個元素，而又不暴露該對象內部表示。迭代器的幾個特點是：訪問一個聚合對象的內容而無需暴露它的內部表示。為遍歷不同的集合結構提供一個統一的接口，從而支持同樣的算法在不同的集合結構上進行操作。遍歷的同時更改迭代器所在的集合結構可能會導致問題（比如C#的foreach里不允許修改item）。正文一般的迭代，我們至少要有2個方法，hasNext()和Next()，這樣才做做到遍歷所有對象，我們先給出一個例子：var agg = (function () { var index = 0, data = [1, 2, 3, 4,... 閱讀全文

摘要：介紹命令模式(Command)的定義是：用于將一個請求封裝成一個對象，從而使你可用不同的請求對客戶進行參數化；對請求排隊或者記錄請求日志，以及執行可撤銷的操作。也就是說改模式旨在將函數的調用、請求和操作封裝成一個單一的對象，然后對這個對象進行一系列的處理。此外，可以通過調用實現具體函數的對象來解耦命令對象與接收對象。正文我們來通過車輛購買程序來展示這個模式，首先定義車輛購買的具體操作類：$(function () { var CarManager = { // 請求信息 requestInfo: function (model, id) { ... 閱讀全文

摘要：介紹策略模式定義了算法家族，分別封裝起來，讓他們之間可以互相替換，此模式讓算法的變化不會影響到使用算法的客戶。正文在理解策略模式之前，我們先來一個例子，一般情況下，如果我們要做數據合法性驗證，很多時候都是按照swith語句來判斷，但是這就帶來幾個問題，首先如果增加需求的話，我們還要再次修改這段代碼以增加邏輯，而且在進行單元測試的時候也會越來越復雜，代碼如下： validator = { validate: function (value, type) { switch (type) { ca... 閱讀全文

摘要：介紹觀察者模式又叫發布訂閱模式（Publish/Subscribe），它定義了一種一對多的關系，讓多個觀察者對象同時監聽某一個主題對象，這個主題對象的狀態發生變化時就會通知所有的觀察者對象，使得它們能夠自動更新自己。使用觀察者模式的好處：支持簡單的廣播通信，自動通知所有已經訂閱過的對象。頁面載入后目標對象很容易與觀察者存在一種動態關聯，增加了靈活性。目標對象與觀察者之間的抽象耦合關系能夠單獨擴展以及重用。正文（版本一）JS里對觀察者模式的實現是通過回調來實現的，我們來先定義一個pubsub對象，其內部包含了3個方法：訂閱、退訂、發布。var pubsub = {};(function (q) 閱讀全文

摘要：介紹代理，顧名思義就是幫助別人做事，GoF對代理模式的定義如下：代理模式（Proxy），為其他對象提供一種代理以控制對這個對象的訪問。代理模式使得代理對象控制具體對象的引用。代理幾乎可以是任何對象：文件，資源，內存中的對象，或者是一些難以復制的東西。正文我們來舉一個簡單的例子，假如dudu要送酸奶小妹玫瑰花，卻不知道她的聯系方式或者不好意思，想委托大叔去送這些玫瑰，那大叔就是個代理（其實挺好的，可以扣幾朵給媳婦），那我們如何來做呢？// 先聲明美女對象var girl = function (name) { this.name = name;};// 這是duduvar dudu = f... 閱讀全文

摘要：介紹外觀模式（Facade）為子系統中的一組接口提供了一個一致的界面，此模塊定義了一個高層接口，這個接口值得這一子系統更加容易使用。正文外觀模式不僅簡化類中的接口，而且對接口與調用者也進行了解耦。外觀模式經常被認為開發者必備，它可以將一些復雜操作封裝起來，并創建一個簡單的接口用于調用。外觀模式經常被用于JavaScript類庫里，通過它封裝一些接口用于兼容多瀏覽器，外觀模式可以讓我們間接調用子系統，從而避免因直接訪問子系統而產生不必要的錯誤。外觀模式的優勢是易于使用，而且本身也比較輕量級。但也有缺點 外觀模式被開發者連續使用時會產生一定的性能問題，因為在每次調用時都要檢測功能的可用性。下面是一 閱讀全文

摘要：介紹裝飾者提供比繼承更有彈性的替代方案。 裝飾者用用于包裝同接口的對象，不僅允許你向方法添加行為，而且還可以將方法設置成原始對象調用（例如裝飾者的構造函數）。裝飾者用于通過重載方法的形式添加新功能，該模式可以在被裝飾者前面或者后面加上自己的行為以達到特定的目的。正文那么裝飾者模式有什么好處呢？前面說了，裝飾者是一種實現繼承的替代方案。當腳本運行時，在子類中增加行為會影響原有類所有的實例，而裝飾者卻不然。取而代之的是它能給不同對象各自添加新行為。如下代碼所示：//需要裝飾的類（函數）function Macbook() { this.cost = function () { ... 閱讀全文

摘要：介紹昨天是注冊博客園的第100天，截止到今天大叔發了99篇帖子，加上今天這篇總共100篇，想來也應該來個總結了，本來是昨天寫總結的，但由于加班，于是挪到今天了。為何開博博客這種事物在興起的時候就已經知道了，卻一直沒有付諸行動，有幾個原因：總覺得浪費時間，尤其是sina微博這種形式的，看到那么多的@@@和亂碼，實在是頭痛。即便開了博客以后，發現也未被能堅持下去，有時間還不如把自己的團隊進行再次提升。自私心，寫文章不如看文章，看了自己可以學到很多東西，寫了是讓別人學到很多東西。于是近幾年的時間一直花在自身學習和培養項目組團隊身上，到了一個程度以后，大叔突然發現，我的知識如果只讓自己團隊的人學習，那 閱讀全文