يسمح نمط المراقب بتعريف تبعية واحد لأكثر بين الكائنات بحيث يتم إخطار جميع العناصر التابعة لها وتحديثها تلقائيًا عندما يتغير كائن واحد في حالته.

في هذا المثال، نقوم بإنشاء منتج فئة بسيط يمكن للفئات الأخرى مراقبته عند التسجيل حول التغييرات في طريقة register(). عندما يتم تحديث شيء ما، ستتواصل طريقة notifyAll() مع جميع المراقبين حول هذه التغييرات.

class ObservedProduct {
  constructor() {
    this.price = 0;
    this.actions = [];
  }

  setBasePrice(val) {
    this.price = val;
    this.notifyAll();
  }

  register(observer) {
    this.actions.push(observer);
  }

  unregister(observer) {
    this.actions.remove.filter(function (el) {
      return el !== observer;
    });
  }

  notifyAll() {
    return this.actions.forEach(
      function (el) {
        el.update(this);
      }.bind(this)
    );
  }
}

class Fees {
  update(product) {
    product.price = product.price * 1.2;
  }
}

class Profit {
  update(product) {
    product.price = product.price * 2;
  }
}

export { ObservedProduct, Fees, Profit };

المثال الكامل هنا؟ https://stackblitz.com/edit/vitejs-vite-kyucyd?file=main.js

خاتمة

استخدم هذا النمط عندما تتطلب التغييرات في حالة أحد الكائنات تغيير كائنات أخرى، وتكون المجموعة الفعلية من الكائنات غير معروفة مسبقًا أو تتغير ديناميكيًا.

آمل أن تجدها مفيدة. شكرا على القراءة. ?

دعونا نتواصل! تجدوني على:

• الوسيط: https://medium.com/@nhannguyndevjs/
• تطوير: https://dev.to/nhannguyendevjs/
• هاشنود: https://nhannguyen.hashnode.dev/
• لينكد إن: https://www.linkedin.com/in/nhannguyendevjs/
• X (تويتر سابقًا): https://twitter.com/nhannguyndevjs/
• اشتري لي قهوة: https://www.buymeacoffee.com/nhannguyendevjs