状态模式 📖

// 1. 状态基类 (规定有哪些动作)
class State {
  constructor(player) {
    this.player = player; // 互相持有引用，为了改变状态
  }
  pressPlay() { throw new Error('必须实现 pressPlay'); }
}

// 2. 具体状态类：播放中状态
class PlayingState extends State {
  pressPlay() {
    console.log('当前正在播放 -> 执行暂停');
    this.player.setState(this.player.pausedState); // 状态内部驱动状态流转！
  }
}

// 2. 具体状态类：暂停状态
class PausedState extends State {
  pressPlay() {
    console.log('当前已暂停 -> 恢复播放');
    this.player.setState(this.player.playingState); 
  }
}

// 3. 上下文：音乐播放器
class AudioPlayer {
  constructor() {
    // 初始化所有可用状态
    this.playingState = new PlayingState(this);
    this.pausedState = new PausedState(this);
    // 设置初始状态
    this.currentState = this.pausedState; 
  }

  setState(state) {
    this.currentState = state;
  }

  // 暴露给外界的方法：把请求委托给当前状态！
  pressPlayButton() {
    this.currentState.pressPlay();
  }
}

// ================= 使用 =================
const player = new AudioPlayer();
player.pressPlayButton(); // 输出: 当前已暂停 -> 恢复播放
player.pressPlayButton(); // 输出: 当前正在播放 -> 执行暂停
player.pressPlayButton(); // 输出: 当前已暂停 -> 恢复播放
// 客户端全程只需按按钮，根本没有 if-else！

// 更符合前端口味的“状态机配置表”
const fsmPlayer = {
  state: 'paused', // 初始状态

  // 状态转移字典表
  transitions: {
    paused: {
      pressPlay: function() {
        console.log('当前已暂停 -> 恢复播放');
        this.state = 'playing'; // 切换状态
      }
    },
    playing: {
      pressPlay: function() {
        console.log('当前正在播放 -> 执行暂停');
        this.state = 'paused';
      }
    }
  },

  // 对外触发接口
  dispatch(actionName) {
    const action = this.transitions[this.state][actionName];
    if (action) {
      action.call(this); // 执行并绑定 this
    } else {
      console.log(`警告：在 ${this.state} 状态下不支持动作 ${actionName}`);
    }
  }
};

fsmPlayer.dispatch('pressPlay'); // 暂停 -> 播放
fsmPlayer.dispatch('pressPlay'); // 播放 -> 暂停

// 满屏的 flag 噩梦
if (isJumping && !isAttacking) {
  // 如果在跳跃，就不能再次跳跃
} else if (isWalking && key === 'space') {
  // 走的时候可以跳
}