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

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

• 观察者模式 : 一个对象(称为 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 );
  
  

  输出结果为 :

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