es6 语法学习 - 状态模式

es6 语法学习 - 状态模式

一、基本概念

状态模式（State Pattern）是一种行为设计模式，它允许一个对象在其内部状态改变时改变它的行为。换句话说，对象将在不同的状态下表现出不同的行为。状态模式通常用于处理对象的状态转换或复杂的状态机。

二、 优点

• 解决复杂条件语句：通过将状态封装到独立的状态类中，减少了使用条件语句（如 if-else 或 switch）的需要。
• 扩展性好：添加新的状态只需创建新的状态类，而不需要修改原有的代码。
• 状态转换灵活：通过状态对象，可以灵活地改变状态及其行为，方便管理状态变化的逻辑。

三、缺点

• 增加系统复杂性：每个状态封装成了独立的类，因此系统中会出现大量的类，增加了系统的复杂性。
• 状态转换复杂性：新加状态必须要修改现有的部分状态才能加入状态机中生效。

四、使用场景

• 对象的行为随状态改变而改变。
• 代码中包含大量与对象状态有关的条件语句，可以使用状态模式来将分支的处理分散到单独的状态类中。
• 需要管理状态转换和状态行为的场景，如游戏开发、UI 界面设计、工作流处理等。

五、示例代码

以下是一个使用 ES6 语法实现状态模式的例子，这个例子模拟了一个简单的订单处理系统：

// 定义订单状态（使用Symbol模拟枚举）
const OrderState = {
  CREATED: Symbol('CREATED'),
  APPROVED: Symbol('APPROVED'),
  REJECTED: Symbol('REJECTED'),
  SHIPPED: Symbol('SHIPPED'),
  DELIVERED: Symbol('DELIVERED'),
};

// 订单状态类（抽象状态类）
class OrderStateHandler {
  handle(order) {
    throw new Error('Subclass must implement abstract method');
  }
}

// 具体状态类
class CreatedState extends OrderStateHandler {
  handle(order) {
    if (order.approve()) {
      order.setState(OrderState.APPROVED);
      console.log('Order approved and moved to APPROVED state.');
    } else if (order.reject()) {
      order.setState(OrderState.REJECTED);
      console.log('Order rejected and moved to REJECTED state.');
    }
  }
}

class ApprovedState extends OrderStateHandler {
  handle(order) {
    if (order.ship()) {
      order.setState(OrderState.SHIPPED);
      console.log('Order shipped and moved to SHIPPED state.');
    }
  }
}

class RejectedState extends OrderStateHandler {
  handle(order) {
    // 拒绝后的订单不能进行其他操作
    console.log('Order is in REJECTED state and cannot be processed further.');
  }
}

class ShippedState extends OrderStateHandler {
  handle(order) {
    if (order.deliver()) {
      order.setState(OrderState.DELIVERED);
      console.log('Order delivered and moved to DELIVERED state.');
    }
  }
}

class DeliveredState extends OrderStateHandler {
  handle(order) {
    // 已交付的订单不能进行其他操作
    console.log('Order is in DELIVERED state and the process is complete.');
  }
}

// 订单类（上下文类）
class Order {
  constructor(state = OrderState.CREATED) {
    this.state = state;
    this.stateHandler = this.getStateHandler();
  }

  // 获取当前状态的处理程序
  getStateHandler() {
    switch (this.state) {
      case OrderState.CREATED:
        return new CreatedState();
      case OrderState.APPROVED:
        return new ApprovedState();
      case OrderState.REJECTED:
        return new RejectedState();
      case OrderState.SHIPPED:
        return new ShippedState();
      case OrderState.DELIVERED:
        return new DeliveredState();
      default:
        throw new Error('Unknown order state');
    }
  }

  // 设置状态（并更新状态处理程序）
  setState(state) {
    this.state = state;
    this.stateHandler = this.getStateHandler();
  }

  // 模拟业务方法
  approve() {
    // 这里可以添加批准订单的逻辑
    return true; // 假设批准成功
  }

  reject() {
    // 这里可以添加拒绝订单的逻辑
    return true; // 假设拒绝成功
  }

  ship() {
    // 这里可以添加发货订单的逻辑
    return true; // 假设发货成功
  }

  deliver() {
    // 这里可以添加交付订单的逻辑
    return true; // 假设交付成功
  }

  // 处理订单（根据当前状态调用相应的处理程序）
  process() {
    this.stateHandler.handle(this);
  }
}

// 使用状态模式
const order = new Order();
order.process(); // Order approved and moved to APPROVED state. （假设批准成功）
order.process(); // Order shipped and moved to SHIPPED state. （假设发货成功）
order.process(); // Order delivered and moved to DELIVERED state. （假设交付成功）
order.process(); // Order is in DELIVERED state and the process is complete.