观察者模式(发布订阅模式)

1.观察者模式的背后,总的想法是在应用程序中增强松耦合性。
2.观察者也被叫做订阅者,它指向被观察的对象,即被观察者。当事件发生时,被观察者就会通知观察者。
3.观察者的使用场合
当一个对象的改变需要同时改变其他对象,并且它不知道有多少对象需要改变的时候。
4.JS中对观察者模式的实现是通过回调来实现的。
5.总的来说,观察者模式所做的工作就是解耦,让耦合的双方都依赖于抽象,而不是依赖于具体,从而使得各自的变化都不会影响到另一边的变化
function show(data){
$(“body”).append(“

  • ” + data + “
  • “)
    }

    //定义一个Observable对象,其内部包含2个方法:订阅add方法和发布fire方法
    var Observable = {
        callbacks:[],
        add:function(fn){
            this.callbacks.push(fn);
        },
        fire:function(){
            this.callbacks.forEach(function(fn){
                fn();
            })
        }
    }
    
    //订阅
    Observable.add(function(){
        show("姚帆上")
    })
    Observable.add(function(){
        show("姚帆下")
    })
    
    //发布(发布之后才会执行)
    Observable.fire();
    

你可能感兴趣的:(前端,jQuery源码)