《前端js 之设计模式学习~状态模式》

js 设计模式

状态模式

// 状态模式
export class State {
    constructor(color) {
        this.color = color
    }
    handle(context) {
        console.log(`turn to ${ this.color } light`)
        context.setState(this)
    }
}

export class Context {
    constructor() {
        this.state = null
    }

    setState(state) {
        this.state = state
    }

    getState() {
        return this.state
    }
}