状态模式是一种行为型设计模式，它允许对象在内部状态改变时改变其行为。该模式将不同的状态封装成不同的类，并将每个状态对象持有一个对环境对象的引用。通过将状态转换的责任委托给不同的状态对象，状态模式可以使代码更加灵活、易于维护和扩展。
状态模式的核心思想
状态模式的核心思想是将状态相关的行为放在不同的状态类中，而不是将这些行为分散在一个大的、难以维护的条件语句中。换句话说，状态模式是使用多态性原则来实现状态转换的过程。
状态模式有三个主要的角色：
- Context(上下文)： Context 是一个包含状态数据的类，它可以调用状态对象的方法来执行具体的操作。
- State(状态)： State 是一个接口或者抽象类，它定义了一个共同的接口，用于表示不同的状态。
- ConcreteState(具体状态)： ConcreteState 继承自 State 接口或者抽象类，它实现了 State 定义的接口，并且定义了具体的行为。
状态模式的优点
状态模式有以下几个优点：
- 清晰的代码结构：状态模式将状态相关的代码封装到不同的状态类中，使得代码结构更加清晰、易于维护和扩展。
- 避免复杂的条件语句：状态模式可以避免使用复杂的条件语句来实现状态转换，使得代码更加简洁、可读性更高。
- 符合开闭原则：状态模式符合开闭原则，因为当需要添加新的状态时，只需要创建一个新的状态类即可，不需要修改现有的代码。
状态模式的示例
下面是一个简单的状态模式示例。假设我们正在创建一个播放器应用程序，该应用程序可以按顺序播放音乐列表中的歌曲。现在需要实现播放器的状态机，使之能够在不同的状态下执行不同的操作。
-- -------------------- ---- -------
-- ----- --
----- ----- -
------------ --
------------- --
------------ --
-
-- -------------- -
----- ------------ ------- ----- -
------------ --
------------- -
---------------------- ---------------
-
------------ -
---------------------- ----------------
-
-
-- -------------- -
----- ----------- ------- ----- -
------------ -
---------------------- ----------------
-
------------- --
------------ -
---------------------- ----------------
-
-
-- -------------- -
----- ------------ ------- ----- -
------------ -
---------------------- ----------------
-
------------- -
---------------------- ---------------
-
------------ --
-
-- ------- -
----- ------ -
------------- -
---------- - --- ---------------
-
------------------ -
---------- - ------
-
------ -
----------------------
-
------- -
-----------------------
-
------ -
----------------------
-
-
-- ----
----- ------ - --- ---------
-------------- -- --- ------- --
--------------- -- --- ------ --
-------------- -- --- ------- --上述代码中，我们创建了一个状态机，其中包含了三种不同的状态：PlayingState、PausedState 和 StoppedState。在上下文类 Player 中，我们将当前状态保存在状态属性 state 中，并且暴露了三个公共方法 play()、pause() 和 stop()，用于执行不同的操作。当需要改变状态
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/48317