溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

如何使用javascript中的備忘錄模式

發(fā)布時間：2020-08-01 13:49:56 來源：億速云 閱讀：159 作者：小豬 欄目：web開發(fā)

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

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

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

場景：使用js實現(xiàn)一個簡單的狀態(tài)機，用于狀態(tài)的保存，回退。實現(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

這個例子里面Originator稱為原發(fā)器，可以通過saveStateToMemento創(chuàng)建一個備忘錄，存儲當(dāng)前狀態(tài)。Memento是一個備忘錄對象，只供原發(fā)器使用，提供狀態(tài)提取方法。CareTaker稱之為負責(zé)人也可以叫管理者，它負責(zé)保存?zhèn)渫?，但是不能對備忘錄?nèi)容進行操作或檢查

備忘錄模式總結(jié)：

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

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

看完上述內(nèi)容，是不是對如何使用javascript中的備忘錄模式有進一步的了解，如果還想學(xué)習(xí)更多內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手