Javascript pub/sub 实现适用于函数，但不适用于对象的方法

Javascript pub/sub implementation works for functions, but not objects' methods

本文关键字：适用于 不适用 对象 方法 函数 pub sub 实现 Javascript      更新时间：2023-09-26

我正在尝试在javascript中实现一个简单的Pub/Sub对象，这是我的代码：

var PubSub=new function(){
    this.subscriptions=[];
    this.subscribe=function(topic,callback){
        if(!this.subscriptions[topic]){
            this.subscriptions[topic]=[];
        }
        this.subscriptions[topic].push(callback);
    }
    this.unsubscribe=function(topic,callback){
        if(this.subscriptions[topic]){
            for(var i=this.subscriptions[topic].length-1;i>=0;i--){
                if(this.subscriptions[topic][i]==callback){
                    this.subscriptions[topic].splice(i,1);
                }
            }
        }
    }
    this.publish=function(topic,data){
        if(this.subscriptions[topic]){
            for(var i=this.subscriptions[topic].length-1;i>=0;i--){
                this.subscriptions[topic][i](data);
            }
        }
    }
}

现在，订阅一个简单的函数，然后发布一些东西效果很好：

PubSub.subscribe("test",print); //print: shell function
PubSub.publish("test","hello"); //print outputs "hello"

但是，订阅一个函数，这是一个对象的方法不起作用：

var a=new function(){
    this.c=0;
    this.i=function(x){
        this.c+=x;
    }
}
PubSub.subscribe("test",a.i);
PubSub.publish("test",17);
a.c; //is still 0

我还尝试使用apply（假设数据是一个数组）：

PubSub.publish=function(topic,data){
    ...
        this.subscriptions[topic][i].apply(this,data);
    ...
}

它也不起作用，尽管我相信这不是同一个问题：我认为 apply 传递的this对象会覆盖a的this对象，因此a.i尝试设置PubSub.a而不是a.a......

当你将a.i传递给PubSub.subscribe时，你已经将i函数从它的调用上下文a中"分离"出来。使用匿名函数来维护绑定：

PubSub.subscribe("test", function (x) { a.i(x); });

或者使用Function.bind在调用i时保留a this：

PubSub.subscribe("test", a.i.bind(a));
注

：注： 并非所有浏览器都支持Function.bind，因此您需要使用填充程序。

相关文章：