什么是js狀態(tài)模式

本篇內(nèi)容主要講解“什么是js狀態(tài)模式”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學(xué)習(xí)“什么是js狀態(tài)模式”吧!

說明

1、關(guān)鍵是區(qū)分事物內(nèi)部的狀態(tài)，事物內(nèi)部狀態(tài)往往會帶來事物的行為改變，即允許對象在內(nèi)部狀態(tài)發(fā)生改變時改變它的行為。

2、狀態(tài)模式就是封裝狀態(tài)，允許一個對象在其內(nèi)部狀態(tài)改變時改變它的行為，我們之前一般都是封裝行為。

實例

// 紅燈
class RedLight {
    constructor (state) {
        this.state = state;
    }
    light () {
        console.log('turn to red light');
        this.state.setState(this.state.greenLight)
    }
}
// 綠燈
class greenLight {
    constructor (state) {
        this.state = state;
    }
    light () {
        console.log('turn to green light');
        this.state.setState(this.state.yellowLight)
    }
}
// 黃燈
class yellowLight {
    constructor (state) {
        this.state = state;
    }
    light () {
        console.log('turn to yellow light');
        this.state.setState(this.state.redLight)
    }
}
class State {
    constructor () {
        this.redLight = new RedLight(this)
        this.greenLight = new greenLight(this)
        this.yellowLight = new yellowLight(this)
        this.setState(this.redLight) // 初始化為紅燈
    }
    setState (state) {
        this.currState = state;
    }
}
const state = new State();
state.currState.light() // turn to red light
setInterval(() => {
    state.currState.light() // 每隔3秒依次打印紅燈、綠燈、黃燈
}, 3000)

到此，相信大家對“什么是js狀態(tài)模式”有了更深的了解，不妨來實際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進入相關(guān)頻道進行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！