這篇文章主要講解了如何使用javascript中的備忘錄模式，內(nèi)容清晰明了，對(duì)此有興趣的小伙伴可以學(xué)習(xí)一下，相信大家閱讀完之后會(huì)有幫助。

成都創(chuàng)新互聯(lián)擁有一支富有激情的企業(yè)網(wǎng)站制作團(tuán)隊(duì)，在互聯(lián)網(wǎng)網(wǎng)站建設(shè)行業(yè)深耕十年，專業(yè)且經(jīng)驗(yàn)豐富。十年網(wǎng)站優(yōu)化營(yíng)銷經(jīng)驗(yàn)，我們已為1000+中小企業(yè)提供了網(wǎng)站制作、成都做網(wǎng)站解決方案，按需策劃設(shè)計(jì)，設(shè)計(jì)滿意，售后服務(wù)無憂。所有客戶皆提供一年免費(fèi)網(wǎng)站維護(hù)!

介紹：在我們的開發(fā)中偶爾會(huì)遇到這樣一種情況，需要對(duì)用戶的行為進(jìn)行撤銷。要想實(shí)現(xiàn)撤銷，首先需要保存軟件系統(tǒng)的歷史狀態(tài)，當(dāng)用戶執(zhí)行撤銷時(shí)用之前的狀態(tài)覆蓋當(dāng)前狀態(tài)。本節(jié)介紹的備忘錄模式提供了一種狀態(tài)恢復(fù)的實(shí)現(xiàn)機(jī)制，使得用戶可以方便的回到一個(gè)特定的歷史步驟。

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

場(chǎng)景：使用js實(shí)現(xiàn)一個(gè)簡(jiǎn)單的狀態(tài)機(jī)，用于狀態(tài)的保存，回退。實(shí)現(xiàn)下備忘錄模式。

示例：

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("當(dāng)前狀態(tài): " + originator.getState());
// 當(dāng)前狀態(tài): State 4
originator.getStateFromMemento(careTaker.get(0));
console.log("恢復(fù)第一次保存狀態(tài): " + originator.getState());
// 恢復(fù)第一次保存狀態(tài): State 2
originator.getStateFromMemento(careTaker.get(1));
console.log("恢復(fù)第二次保存: " + originator.getState());
// 恢復(fù)第二次保存: State 3

名稱欄目：如何使用javascript中的備忘錄模式-創(chuàng)新互聯(lián)
文章出自：http://weahome.cn/article/djgscj.html