El patrón estado permite que un objeto altere su comportamiento cuando cambia su estado interno.

En este ejemplo, creamos un patrón de estado simple con una clase de Orden que actualizará el estado con el método next().

const ORDER_STATUS = {
  waitingForPayment: 'Waiting for payment',
  shipping: 'Shipping',
  delivered: 'Delivered',
};

class OrderStatus {
  constructor(name, nextStatus) {
    this.name = name;
    this.nextStatus = nextStatus;
  }

  next() {
    return new this.nextStatus();
  }
}

class WaitingForPayment extends OrderStatus {
  constructor() {
    super(ORDER_STATUS.waitingForPayment, Shipping);
  }
}

class Shipping extends OrderStatus {
  constructor() {
    super(ORDER_STATUS.shipping, Delivered);
  }
}

class Delivered extends OrderStatus {
  constructor() {
    super(ORDER_STATUS.delivered, Delivered);
  }
}

class Order {
  constructor() {
    this.state = new WaitingForPayment();
  }

  next() {
    this.state = this.state.next();
  }
}

export { Order };

¿Aquí hay un ejemplo completo? https://stackblitz.com/edit/vitejs-vite-6zcfql?file=state.js

Conclusión

Utilice este patrón cuando el comportamiento del objeto dependa de su estado y su comportamiento cambie en tiempo de ejecución dependiendo de ese estado.

Espero que te haya resultado útil. Gracias por leer. ?

¡Conectémonos! Puedes encontrarme en:

• Medio: https://medium.com/@nhannguyendevjs/
• Desarrollador: https://dev.to/nhannguyendevjs/
• Hashnode: https://nhannguyen.hashnode.dev/
• Linkedin: https://www.linkedin.com/in/nhannguyendevjs/
• X (anteriormente Twitter): https://twitter.com/nhannguyendevjs/
• Cómprame un café: https://www.buymeacoffee.com/nhannguyendevjs