這篇文章主要介紹了JS設(shè)計(jì)模式之狀態(tài)模的示例分析,具有一定借鑒價(jià)值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
專注于為中小企業(yè)提供成都網(wǎng)站制作、網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)文成免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都,凝聚了一批互聯(lián)網(wǎng)行業(yè)人才,有力地推動(dòng)了超過千家企業(yè)的穩(wěn)健成長(zhǎng),幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。1. 概述
當(dāng)一個(gè)對(duì)象的內(nèi)在狀態(tài)改變時(shí)允許改變其行為,這個(gè)對(duì)象看起來像是改變了其類。
2. 解決的問題
主要解決的是當(dāng)控制一個(gè)對(duì)象狀態(tài)轉(zhuǎn)換的條件表達(dá)式過于復(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è)操作中含有大量的分支語句,而且這些分支語句依賴于該對(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)來實(shí)現(xiàn)狀態(tài)模式;
獲取電話號(hào)碼
撥號(hào)中
通話中
通話結(jié)束
不斷地去調(diào)用這個(gè)方法context.request();
來判斷當(dāng)前屬于那種狀態(tài);
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“JS設(shè)計(jì)模式之狀態(tài)模的示例分析”這篇文章對(duì)大家有幫助,同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司,關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司行業(yè)資訊頻道,更多相關(guān)知識(shí)等著你來學(xué)習(xí)!
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、網(wǎng)站設(shè)計(jì)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。