本文實(shí)例講述了JS設(shè)計(jì)模式之狀態(tài)模式概念與用法。分享給大家供大家參考，具體如下：

1. 概述

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

2. 解決的問(wèn)題

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

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)行請(qǐng)求，同時(shí)更改狀態(tài)
context.request();
context.request();

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

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

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

應(yīng)用場(chǎng)景：

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

獲取電話號(hào)碼

撥號(hào)中

通話中

通話結(jié)束

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

更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題：《javascript面向?qū)ο笕腴T(mén)教程》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com