Alter an object’s behavior when its state changes.

允许一个对象在其内部状态改变时改变它的行为。对象看起来似乎修改了它的类。

动机

一个对象，会根据不同的状态执行不同的响应。

适用性：一个对象的行为取决于它的状态，并且在状态改变的时候能够改变其行为；一个操作中有庞大的多条件分支的条件语句，且这些分支依赖于该对象的状态。这个状态通常可以使用一个或者多个枚举常量表示。

结构和代码

  1. enum TCP_STATE {
  2.   ESTABLISHED,
  3.   LISTEN,
  4.   CLOSED,
  5. }
  7. class TCPState {
  8.   open() { };
  9.   close() { };
  10.   acknowledge() { };
  11. }
  13. class TCPEstablishedState extends TCPState { }
  14. class TCPListenState extends TCPState { }
  15. class TCPClosedState extends TCPState { }
  17. const STATE_MAP = {
  18.   ESTABLISHED: TCPEstablishedState,
  19.   LISTEN: TCPListenState,
  20.   CLOSED: TCPClosedState,
  21. };
  23. class TCPConnection {
  24.   private _state: TCPState;
  25.   private _currentSate: TCP_STATE;
  26.   changeState(state: TCP_STATE) {
  27.     this._currentSate = state;
  28.     this._state = new STATE_MAP[state];
  29.   }
  30.   open() {
  31.     this._state.open();
  32.   }
  33.   close() {
  34.     this._state.close();
  35.   }
  36.   acknowledge() {
  37.     this._state.acknowledge();
  38.   }
  39. }
  • 和状态机的感觉一致。
  1. let marry = new MarryState();
  2. marry
  3.   .change('jump', 'short')
  4.   .change('go', 2)
  5.   .change('dive', 3)
  6.   .change('win')

效果

  • 将特定状态相关的效果「局部化」，并将不同状态行为分割开来。
  • 也使得状态进行显示转化，同时 State 对象可以被共享。

实战

  • UI 编排中，编辑锁的状态管理；
  • single-spa 中对应用加载状态的管理；