state पैटर्न किसी वस्तु को उसकी आंतरिक स्थिति बदलने पर उसके व्यवहार को बदलने की अनुमति देता है।

इस उदाहरण में, हम ऑर्डर क्लास के साथ एक सरल राज्य पैटर्न बनाते हैं जो 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 };

एक संपूर्ण उदाहरण यहां है? https://stackblitz.com/edit/vitejs-vite-6zcfql?file=state.js

निष्कर्ष

इस पैटर्न का उपयोग तब करें जब ऑब्जेक्ट का व्यवहार उसकी स्थिति पर निर्भर करता है, और उसका व्यवहार उस स्थिति के आधार पर रनटाइम में बदलता है।

मुझे आशा है कि आपको यह उपयोगी लगा होगा। पढ़ने के लिए धन्यवाद। ?

आइए जुड़ें! आप मुझे यहां पा सकते हैं:

• मध्यम: https://medium.com/@nhannguyendevjs/
• देव: https://dev.to/nhannguyendevjs/
• हैशनोड: https://nhannguyen.hashnode.dev/
• लिंक्डइन: https://www.linkedin.com/in/nhannguyendevjs/
• X (पूर्व में ट्विटर): https://twitter.com/nhannguyendevjs/
• मेरे लिए कॉफ़ी खरीदें: https://www.buymeacoffee.com/nhannguyendevjs