JavaScript 中状态机怎么用闭包保存当前状态-js教程-PHP中文网

javascript中用闭包保存状态机当前状态的核心是将state变量私有化封装在函数作用域内，仅通过返回的send、getstate等有限方法控制迁移与读取，确保外部无法直接访问或篡改。

javascript 中状态机怎么用闭包保存当前状态

JavaScript 中用闭包保存状态机的当前状态，核心是把 状态变量私有化封装在函数作用域内，只通过返回的有限方法（如 send、getState）控制状态迁移和读取，避免外部直接修改。

状态变量藏在闭包里，不暴露给外界

定义一个工厂函数，内部声明 state 变量，所有状态相关逻辑都闭包引用它。外部无法访问或篡改该变量，只能通过返回的对象方法操作：

function createStateMachine(initialState, config) {
  let state = initialState; // ✅ 状态被闭包保护

  return {
    send(event) {
      const transition = config[state]?.[event];
      if (transition !== undefined) {
        state = transition;
      }
      return this;
    },
    getState() {
      return state;
    }
  };
}

// 使用示例
const light = createStateMachine('off', {
  off: { toggle: 'on' },
  on: { toggle: 'off' }
});

light.send('toggle').getState(); // 'on'
light.getState(); // 'on' —— 外部不能直接改 state

支持异步状态迁移时仍保持状态私有

即使状态变更涉及 Promise 或回调，只要 state 在闭包中，就能确保一致性：

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

function createAsyncStateMachine(initialState, asyncConfig) {
  let state = initialState;

  return {
    async send(event) {
      const handler = asyncConfig[state]?.[event];
      if (typeof handler === 'function') {
        await handler(); // 执行副作用，比如 API 调用
        // 完成后再更新状态（可选）
        state = asyncConfig[state].nextState?.[event] || state;
      }
      return this;
    },
    getState() {
      return state;
    }
  };
}