狀態(tài)模式

Eric 發(fā)布于2019-08-23 18:23 / 667人閱讀

摘要：在狀態(tài)模式中，我們創(chuàng)建表示各種狀態(tài)的對(duì)象和一個(gè)行為隨著狀態(tài)對(duì)象改變而改變的對(duì)象。缺點(diǎn)狀態(tài)模式的使用必然會(huì)增加系統(tǒng)類(lèi)和對(duì)象的個(gè)數(shù)。狀態(tài)模式是指允許一個(gè)對(duì)象在其內(nèi)部狀態(tài)改變時(shí)改變它的行為，對(duì)象看起來(lái)似乎修改了它的類(lèi)。

狀態(tài)模式

在狀態(tài)模式（State Pattern）中，類(lèi)的行為是基于它的狀態(tài)改變的。這種類(lèi)型的設(shè)計(jì)模式屬于行為型模式。
在狀態(tài)模式中，我們創(chuàng)建表示各種狀態(tài)的對(duì)象和一個(gè)行為隨著狀態(tài)對(duì)象改變而改變的 context 對(duì)象。

意圖主要解決

允許對(duì)象在內(nèi)部狀態(tài)發(fā)生改變時(shí)改變它的行為，對(duì)象看起來(lái)好像修改了它的類(lèi)
對(duì)象的行為依賴(lài)于它的狀態(tài)（屬性），并且可以根據(jù)它的狀態(tài)改變而改變它的相關(guān)行為。

優(yōu)點(diǎn)

封裝了轉(zhuǎn)換規(guī)則。

枚舉可能的狀態(tài)，在枚舉狀態(tài)之前需要確定狀態(tài)種類(lèi)。

將所有與某個(gè)狀態(tài)有關(guān)的行為放到一個(gè)類(lèi)中，并且可以方便地增加新的狀態(tài)，只需要改變對(duì)象狀態(tài)即可改變對(duì)象的行為。

允許狀態(tài)轉(zhuǎn)換邏輯與狀態(tài)對(duì)象合成一體，而不是某一個(gè)巨大的條件語(yǔ)句塊。

可以讓多個(gè)環(huán)境對(duì)象共享一個(gè)狀態(tài)對(duì)象，從而減少系統(tǒng)中對(duì)象的個(gè)數(shù)。

缺點(diǎn)

狀態(tài)模式的使用必然會(huì)增加系統(tǒng)類(lèi)和對(duì)象的個(gè)數(shù)。

狀態(tài)模式的結(jié)構(gòu)與實(shí)現(xiàn)都較為復(fù)雜，如果使用不當(dāng)將導(dǎo)致程序結(jié)構(gòu)和代碼的混亂。

狀態(tài)模式對(duì)"開(kāi)閉原則"的支持并不太好，對(duì)于可以切換狀態(tài)的狀態(tài)模式，增加新的狀態(tài)類(lèi)需要修改那些負(fù)責(zé)狀態(tài)轉(zhuǎn)換的源代碼，否則無(wú)法切換到新增狀態(tài)，而且修改某個(gè)狀態(tài)類(lèi)的行為也需修改對(duì)應(yīng)類(lèi)的源代碼。

狀態(tài)模式實(shí)現(xiàn)

class Menu

我們使用es6實(shí)現(xiàn)一個(gè)類(lèi)的創(chuàng)建, 便于我們多個(gè)地方重復(fù)使用，其實(shí)狀態(tài)模式是要根據(jù)你的狀態(tài)
來(lái)實(shí)現(xiàn)或者操作你想要的東西

    class Menu{
    }

狀態(tài)對(duì)象

創(chuàng)建一個(gè)狀態(tài)對(duì)象或者數(shù)組，內(nèi)部保存狀態(tài)變量，然后內(nèi)部封裝好每種動(dòng)作對(duì)應(yīng)的狀態(tài)，然后狀態(tài)對(duì)象返回一個(gè)接口對(duì)象，它可以對(duì)內(nèi)部的狀態(tài)修改或者調(diào)用。

    this.menuStates = {
        hide:function () {
            console.log("hide")
        },
        show: function () {
            console.log("show")
        },
        left: function () {
            console.log("left")
        },
        right: function () {
            console.log("right")
        }
    }

上面就是我們的狀態(tài)對(duì)象，一共有四個(gè)狀態(tài)函數(shù)，做出不同的操作和實(shí)現(xiàn)

具體的使用函數(shù)

觸發(fā)我們要執(zhí)行的狀態(tài)，state是我要傳遞callback函數(shù)參數(shù)，我們會(huì)根據(jù)傳遞的函數(shù)進(jìn)行調(diào)用執(zhí)行它，當(dāng)然在執(zhí)行過(guò)程當(dāng)中
我們還可以設(shè)定使用其它的抽象類(lèi)，以達(dá)到我們想要的單一原則，不要在乎是不是這樣寫(xiě)比以前那樣代碼還多了，
確實(shí)會(huì)多，但是復(fù)用的時(shí)候你再看看是否還會(huì)再那么的繁瑣以及更多的代碼編寫(xiě)

    toggle (state) {
        state()
    }

代碼組合實(shí)現(xiàn)




    
    Title


class Menu {
    constructor(state){
        this.num = 1
        this.menuStates = {
            hide:function () {
                console.log("hide")
            },
            show: function () {
                console.log("show")
            },
            left: function () {
                console.log("left")
            },
            right: function () {
                console.log("right")
            }
        }
    }
    toggle (state) {
        state()
    }
}

    var menu = new Menu()
    console.log(menu)
    menu.toggle(menu.menuStates.show)
    menu.toggle(menu.menuStates.hide)

上面圖片就是我們得到的結(jié)果我們會(huì)發(fā)現(xiàn)menu構(gòu)造函數(shù)是擁有四個(gè)狀態(tài)函數(shù)，我們通過(guò)使用toggle函數(shù)來(lái)調(diào)用我們的函數(shù)，其實(shí)說(shuō)白了狀態(tài)模式相對(duì)于其它模式還是比較簡(jiǎn)單的，但是對(duì)于它的使用場(chǎng)景你要了解，你是否可以真正的運(yùn)用它，以及把它放在適用的場(chǎng)景上。
狀態(tài)模式是指允許一個(gè)對(duì)象在其內(nèi)部狀態(tài)改變時(shí)改變它的行為，對(duì)象看起來(lái)似乎修改了它的類(lèi)。以逗號(hào)分割，把這句話分為兩部分來(lái)看。第一部分的意思是將狀態(tài)封裝成獨(dú)立的類(lèi)，并將請(qǐng)求委托給當(dāng)前的狀態(tài)對(duì)象，當(dāng)對(duì)象的內(nèi)部狀態(tài)改變時(shí)，會(huì)帶來(lái)不同的行為變化。