如何向 javascript 方法添加多个回调？

Question

我使用“函数”技术创建了一个简单的 javascript 类。 在课堂上，我有一个 websocket 侦听器，它在收到特定消息时触发一个函数。 我可以很容易地给它添加一个外部回调，如下

function MyClass() {
    self = this; // to access main object from methods

    // websocket definition

    function websocketMessageInterpreter(message){
       if(message == "Hello!")  onHelloMessageBase();
     }

    function onHelloMessageBase(param){

    // call user defined callback
    self.userDefinedCallback(param);
    }
    this.userDefinedCallback= function(param){}; //default empty callback
}

在外部我使用它作为

var myObject = new MyClass();
myObject.userDefinedCallback = function(){alert("Someone said hello!");};

有没有一个模型可以让我做这样的事情？

myObject.userDefinedCallback += function1;
myObject.userDefinedCallback += function2;

也许以后

myObject.userDefinedCallback -= function1;

Answer 1

执行此操作的常用方法是使用一组回调，以及 addCallback(callback) 和 removeCallback(callback) 等方法，让 API 的用户添加和删除回调。

addCallback 基本上是：

function addCallback(callback) {
    if (this.callbacks.indexOf(callback) < 0) {
        this.callbacks.push(callback);
    }
}

removeCallback 基本上是：

function removeCallback(callback) {
    var index;
    if ((index = this.callbacks.indexOf(callback)) >= 0) {
        this.callbacks.splice(index, 1);
    }
}

如果您需要支持像 IE6 这样可能没有Array#indexOf 的非常老的浏览器，由于您使用的是 jQuery，您可以改用jQuery.inArray。