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

JS設計模式之狀態模式概念與用法分析，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的初始狀態為ConcreteStateAvar context = new Context(new ConcreteStateA());// 不斷地進行請求，同時更改狀態context.request();context.request();

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

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

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

應用情境：

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

擷取電話號碼

撥號中

通話中

通話結束

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