就像在 C# 中一样在 javascript 中添加回调

Question

在 C# 中，我可以执行以下操作：

public delegate void Callback();

void f1() {

}

void f2() {

}

Callback c = f1;
c+=f2;

然后当我调用c() 时，我将调用f1 和f2。

如何在 javascript 中实现相同的结果？

我的意思是我可以在 javascript 中执行以下操作：

var c;

function f1() {

}

function f2() {

}

c = f1;

但我无法将f2 添加到c。

Answer 1

var t = function(callback){
// do stuff
callback();
}

function callbackFuction(){
// this is your callback fucntion
}

function diffrentFuntion(){
   t(callbackFuction);
}

希望这能回答您的问题

Answer 2

不，你不能。 JavaScript 没有 C# 委托的概念。

使用 jQuery 你可以实现类似但不一样的东西：

var c = $({});

function a() { console.log('a called!'); }

function b() { console.log('b called!'); }

c.on('fire', a);
c.on('fire', b);

c.trigger('fire'); // calls both event handlers

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

如果它适合你...

或者你可以自己实现，很简单：

function Delegate() {
  this.callbacks = [];
}

Delegate.prototype.add = function(fn) {
  if (typeof fn === 'function' && this.callbacks.indexOf(fn) === -1) {
    this.callbacks.push(fn);
  }
};

Delegate.prototype.remove = function(fn) {
  var index = this.callbacks.indexOf(fn);
  this.callbacks.splice(index, 1);
};

Delegate.prototype.trigger = function() {
  var args = arguments;
  this.callbacks.forEach(function(fn) {
    fn.apply(null, args);
  });
};

// so

var d = new Delegate();

var f1 = function(arg) { console.log('f1', arg); };
var f2 = function(arg) { console.log('f2', arg); };
var f3 = function(arg) { console.log('f3', arg); };

d.add(f1);
d.add(f2);
d.add(f3);

d.trigger('param'); // executes the three callbacks passing them the parameter

// remove one of the callbacks;
d.remove(f2);
// add a repeated callback
d.add(f1);

d.trigger('again');  // only f1 and f3 are fired.

这个 Delegate 类的行为尽可能类似于 C# 委托

Answer 3

它被称为多播委托，我不确定是否有直接的方法可以在 JavaScript 中表示它。但我发现了这个article on implementing multicast delegates in JavaScript。

Answer 4

这是另一个例子。这可能会也可能不会满足您的需求，但也许您可以对其进行修改以做您想做的事情。

基本上，您正在创建一个包含函数引用数组的对象。当你在对象上调用.apply()时，它会按照你添加它们的顺序调用所有函数。

function delegate(fn){
    this.callbacks = [];
    this.add(fn);
}
delegate.prototype.add = function(fn){
    if(typeof fn === "function"){
        this.callbacks.push(fn);
    }
}
delegate.prototype.apply = function(){
    for(var i in this.callbacks){
        this.callbacks[i].apply();
    }
}


// example

// define callbacks
function cb1() { console.log('callback 1'); }
function cb2() { console.log('callback 2'); }

// create delegate with first callback
var callback = new delegate(cb1);
// add second callback
callback.add(cb2);
// call delegates
callback.apply();