Cách thêm nhiều cuộc gọi lại vào một phương thức javascript?

Question

Tôi đã tạo một lớp javascript đơn giản bằng cách sử dụng kỹ thuật 'chức năng'. Trong lớp, tôi có trình nghe websocket, kích hoạt chức năng khi nhận được một tin nhắn nhất định. tôi có thể dễ dàng thêm một callback bên ngoài để nó như sau

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 
} 

Bên ngoài tôi sử dụng điều này như

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

Có một mô hình mà tôi có thể làm điều gì đó như thế này?

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

và có lẽ sau

myObject.userDefinedCallback -= function1; 

Answer 1

Cách thông thường để làm điều này là để có một mảng của callbacks, và các phương pháp như addCallback(callback) và removeCallback(callback) để cho người dùng của API thêm và loại bỏ callbacks.

addCallback về cơ bản là:

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

removeCallback về cơ bản là:

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

Nếu bạn cần hỗ trợ các trình duyệt thực sự cũ như IE6 mà có thể không có Array#indexOf, kể từ khi bạn đang sử dụng jQuery, bạn có thể sử dụng jQuery.inArray để thay thế.