什么是js狀態模式

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

說明

1、關鍵是區分事物內部的狀態，事物內部狀態往往會帶來事物的行為改變，即允許對象在內部狀態發生改變時改變它的行為。

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

實例

// 紅燈
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狀態模式”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！