本文實例講述了javascript設計模式 ? 備忘錄模式原理與用法。分享給大家供大家參考，具體如下：

介紹：在我們的開發中偶爾會遇到這樣一種情況，需要對用戶的行為進行撤銷。要想實現撤銷，首先需要保存軟件系統的歷史狀態，當用戶執行撤銷時用之前的狀態覆蓋當前狀態。本節介紹的備忘錄模式提供了一種狀態恢復的實現機制，使得用戶可以方便的回到一個特定的歷史步驟。

定義：在不破壞封裝的前提下，捕獲一個對象的內部狀態，并在該對象之外保存這個狀態，這樣可以在以后將對象恢復到原先保存的狀態，它是一種對象行為模式，其別名為Token。

場景：使用js實現一個簡單的狀態機，用于狀態的保存，回退。實現下備忘錄模式。

示例：

var Memento = function(state){ var _state = state; this.getState = function(){ return _state; }} var Originator = function(){ var _state; this.setState = function(state){ _state = state; } this.getState = function(){ return _state; } this.saveStateToMemento = function(){ return new Memento(_state) } this.getStateFromMemento = function(memento){ _state = memento.getState(); }} var CareTaker = function(){ var _mementoList = []; this.add = function(memento){ _mementoList.push(memento); } this.get = function(index){ return _mementoList[index]; }} var originator = new Originator();var careTaker = new CareTaker();originator.setState('State 1');originator.setState('State 2');careTaker.add(originator.saveStateToMemento());originator.setState('State 3');careTaker.add(originator.saveStateToMemento());originator.setState('State 4'); console.log('當前狀態: ' + originator.getState());// 當前狀態: State 4originator.getStateFromMemento(careTaker.get(0));console.log('恢復第一次保存狀態: ' + originator.getState());// 恢復第一次保存狀態: State 2originator.getStateFromMemento(careTaker.get(1));console.log('恢復第二次保存: ' + originator.getState());// 恢復第二次保存: State 3

這個例子里面Originator稱為原發器，可以通過saveStateToMemento創建一個備忘錄，存儲當前狀態。Memento是一個備忘錄對象，只供原發器使用，提供狀態提取方法。CareTaker稱之為負責人也可以叫管理者，它負責保存備忘錄，但是不能對備忘錄內容進行操作或檢查

備忘錄模式總結：

優點：* 提供了一種狀態恢復的時間機制，使得用戶可以方便的回退到一個特定的歷史步驟。* 備忘錄實現了對信息的封裝，一個備忘錄對象是一種原發器對象狀態的表示，不會被其他代碼所改動。缺點：* 備忘錄模式的主要缺點是資源消耗過大，如果需要保存的原發器類的成員變量太多，就不可避免的需要占用大量的存儲空間。

適用場景：* 保存一個對象在某一時刻的全部或部分狀態

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。

更多關于JavaScript相關內容感興趣的讀者可查看本站專題：《javascript面向對象入門教程》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數學運算用法總結》

希望本文所述對大家JavaScript程序設計有所幫助。