js设计模式--行为型--状态模式

　　行为型：状态模式

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

/**
 * 场景：假如要做个四种咖啡机的机器。
 * - 美式咖啡态（american)：只吐黑咖啡
 * - 普通拿铁态(latte)：    黑咖啡加点奶
 * - 香草拿铁态（vanillaLatte）：黑咖啡加点奶再加香草糖浆
 * - 摩卡咖啡态(mocha)：黑咖啡加点奶再加点巧克力
 */
class CoffeeMaker {
  constructor() {
    // 这里省略咖啡机中和咖啡机状态无关的初始逻辑
    this.state = "init"; // 初始化状态，没有任何咖啡模式
    this.leftMilk = "1000ml"; // 牛奶存储量
  }
  stateToProcessor = {
    that: this,
    american() {
      // 在行为函数中拿到咖啡机实例信息并且打印
      console.log("牛奶存储量：", this.that.leftMilk);
      console.log("只吐黑咖啡");
    },
    latte() {
      this.american();
      console.log("加点奶");
    },
    vanillaLatte() {
      this.latte();
      console.log("加香草糖浆");
    },
    mocha() {
      this.latte();
      console.log("点巧克力");
    },
  };
  // 关注咖啡机状态切换函数
  changeState() {
    this.state = status;
    if (!this.stateToProcessor[state]) {
      return;
    }
    this.stateToProcessor[state]();
  }
}
const mk = new CoffeeMaker();
mk.changeState('latte')
// 牛奶存储量：: 1000ml
// 只吐黑咖啡
// 加点奶

　    状态模式主要解决的是当控制一个对象状态的条件表达式过于复杂的情况。把状态的判断逻辑转移到表示不同状态的一系列类中，可以把复杂的逻辑判断简化。

　　状态模式和策略模式是相似的，它们都封装行为，都是通过委托来实现行为分发。