JS設計模式之狀態模式概念與用法分析

本文實例講述了JS設計模式之狀態模式概念與用法。分享給大家供大家參考，具體如下：

1. 概述

當一個對象的內在狀態改變時允許改變其行為，這個對象看起來像是改變了其類。

2. 解決的問題

主要解決的是當控制一個對象狀態轉換的條件表達式過于復雜時的情況。把狀態的判斷邏輯轉移到表示不同的一系列類當中，可以把復雜的邏輯判斷簡單化。

function Context( _state ) {
 this.state = _state;
 this.request = function() {
 this.state.Handle( this );
 }
}
function ConcreteStateA() {
 this.Handle = function( context ) {
 console.log("A");
 context.state = new ConcreteStateB();
 }
}
function ConcreteStateB() {
 this.Handle = function( context ) {
 console.log("B");
 context.state = new ConcreteStateA();
 }
}
// 設置Context的初始狀態為ConcreteStateA
var context = new Context(new ConcreteStateA());
// 不斷地進行請求，同時更改狀態
context.request();
context.request();

狀態模式的使用場景也特別明確，有如下兩點：

一個對象的行為取決于它的狀態，并且它必須在運行時刻根據狀態改變它的行為。

一個操作中含有大量的分支語句，而且這些分支語句依賴于該對象的狀態。狀態通常為一個或多個枚舉常量的表示。

應用場景：

打電話有如下幾種狀態：獲取電話號碼、撥號中、通話中、通話結束。
這幾種狀態的順序是以次進行的，那么我們就可以根據這幾種狀態來實現狀態模式；

獲取電話號碼

撥號中

通話中

通話結束

不斷地去調用這個方法context.request(); 來判斷當前屬于那種狀態；

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

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

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com