初学es6写了个观察者模式,请多指教!!!!

/**
 * Created by richard on 2017/7/19.
 */
console.log("------------observer观察者模式-------------");
class Observer{
    constructor(){
        this.handle = [];//相关订阅fn
    }
    addSubscribe(topic,fn){
        this.handle.push({topic:topic,fn:fn});
        console.log(this.handle);
    }
    removeSubscribe(topic,fn) {
        let index ;
        this.handle.forEach(function (data,i) {
            if(data.topic==topic&&data.fn==fn){
                index=i;
            }
        });
        delete this.handle[index];
        console.log(this.handle);
    }
    publish(topic,message){
        this.handle.forEach(function(data){
            if(data.topic==topic){
                data.fn(message);
            }
        });
    }
}
{
    let test = new Observer();
    let fn1  = function(data){
        console.log(data);
    }
    let fn2 = function(data){
        console.log("I'm in fn2 say "+data);
    }
    test.addSubscribe('abc',fn1);
    test.addSubscribe('abc',fn2);
    test.addSubscribe('abcd',fn2);
    test.publish('abc','hello');
    test.publish('abcd','good job');
    test.removeSubscribe('abc',fn2);
    test.publish('abc','fn2 you are here?')
}
console.log("--------------------------------------");

学习网址:http://www.cnblogs.com/TomXu/archive/2012/03/02/2355128.html 特此感谢!

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值