Javascript 观察者模式 -- 发布订阅模式

个人博客迁移到biubu.cn,此处停更.请移步。

  • 观察者模式 -- 发布订阅模式

    • 观察者模式 : 一个对象(称为 subject )维持一系列依赖于它( 观察者 )的对象,将有关状态的任何变动自动通知给他们,来通过代码实现一个现实生活中的例子 : 听到孩子哭了,他爸去喂奶,她妈跑路 的例子,
      整个过程而言,首先,孩子要哭,哭了之后,她爸妈都听见,听见之后,她爸妈做出不同的反应.这种反应就是 : 他爸去喂奶,她妈跑路

      class Son {
          constructor( dad, mom ) {
              this.dad = dad;
              this.mom = mom;
              this.cry = () => {
                  console.log( '孩子哭了' );
                  this.dad.notice();
                  this.mom.notice();
              };
          }
      }
      
      class Father {
          constructor() {
              this.notice = () => {
                  console.log( '他爸听到孩子哭了' );
                  this.food();
              };
              this.food = () => {
                  console.log( '他爸要去喂奶了' );
              };
          }
      }
      
      class Mother {
          constructor() {
              this.notice = () => {
                  console.log( '她妈听到孩子哭了' );
                  this.goAway();
              };
              this.goAway = () => {
                  console.log( '她妈跑路了' );
              };
          }
      }
      
      let father = new Father();
      let mother = new Mother();
      let son = new Son( father, mother );
      setTimeout( function () {
          son.cry();
      }, 500 );
      
      

      输出结果为 :

          孩子哭了
          他爸听到孩子哭了
          他爸要去喂奶了
          她妈听到孩子哭了
          她妈跑路了
      

推荐阅读更多精彩内容