JavaScript-Entwurfsmuster – Verhalten – Zustand

Das Zustandsmuster ermöglicht es einem Objekt, sein Verhalten zu ändern, wenn sich sein interner Zustand ändert.

In diesem Beispiel erstellen wir ein einfaches Zustandsmuster mit einer Order-Klasse, die den Status mit der Methode next() aktualisiert.

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 };

Ein vollständiges Beispiel finden Sie hier? https://stackblitz.com/edit/vitejs-vite-6zcfql?file=state.js

Fazit

Verwenden Sie dieses Muster, wenn das Verhalten des Objekts von seinem Zustand abhängt und sich sein Verhalten zur Laufzeit abhängig von diesem Zustand ändert.

---

Ich hoffe, Sie fanden es hilfreich. Danke fürs Lesen. ?

Lassen Sie uns miteinander in Kontakt treten! Sie finden mich unter:

• Medium: https://medium.com/@nhannguyendevjs/
• Entwickler: https://dev.to/nhannguyendevjs/
• Hashnode: https://nhannguyen.hashnode.dev/
• Linkedin: https://www.linkedin.com/in/nhannguyendevjs/
• X (ehemals Twitter): https://twitter.com/nhannguyendevjs/
• Kauf mir einen Kaffee: https://www.buymeacoffee.com/nhannguyendevjs

Das obige ist der detaillierte Inhalt vonJavaScript-Entwurfsmuster – Verhalten – Zustand. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!