這篇文章主要介紹了JS設(shè)計模式之狀態(tài)模的示例分析，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

成都創(chuàng)新互聯(lián)公司是一家專業(yè)提供前進(jìn)企業(yè)網(wǎng)站建設(shè),專注與網(wǎng)站設(shè)計制作、成都網(wǎng)站制作、H5響應(yīng)式網(wǎng)站、小程序制作等業(yè)務(wù)。10年已為前進(jìn)眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站設(shè)計公司優(yōu)惠進(jìn)行中。

1. 概述

當(dāng)一個對象的內(nèi)在狀態(tài)改變時允許改變其行為，這個對象看起來像是改變了其類。

2. 解決的問題

主要解決的是當(dāng)控制一個對象狀態(tài)轉(zhuǎn)換的條件表達(dá)式過于復(fù)雜時的情況。把狀態(tài)的判斷邏輯轉(zhuǎn)移到表示不同的一系列類當(dāng)中，可以把復(fù)雜的邏輯判斷簡單化。

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();
 }
}
// 設(shè)置Context的初始狀態(tài)為ConcreteStateA
var context = new Context(new ConcreteStateA());
// 不斷地進(jìn)行請求，同時更改狀態(tài)
context.request();
context.request();

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

一個對象的行為取決于它的狀態(tài)，并且它必須在運行時刻根據(jù)狀態(tài)改變它的行為。

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

應(yīng)用場景：

打電話有如下幾種狀態(tài)：獲取電話號碼、撥號中、通話中、通話結(jié)束。
這幾種狀態(tài)的順序是以次進(jìn)行的，那么我們就可以根據(jù)這幾種狀態(tài)來實現(xiàn)狀態(tài)模式；

獲取電話號碼

撥號中

通話中

通話結(jié)束

不斷地去調(diào)用這個方法context.request(); 來判斷當(dāng)前屬于那種狀態(tài)；

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“JS設(shè)計模式之狀態(tài)模的示例分析”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!