Question

在Javascript中是否有一种方法可以像c＃中那样拥有一个委托？

c＃

中的示例

Object.onFunctionCall = delegate (vars v) {
    Console.WriteLine("I can do something in this private delegate function");
};

我想用我的Javascript让我的主要对象做很长时间的事情，并偶尔拍摄一个代表进行一些更新。所有这一切都无需更改我的类的代码本身来调整网页。

function mainObject() {
    this.onUpdate = function() { //Potentially the delegate function here
    }
}

var a = new mainObject();
a.onUpdate = Delegate {
      $(".myText").text("Just got a delegate update");
}

我不知道如果它足够清楚..还没有找到这方面的资源，所以我想没有办法这样做？

注意：我没有在这里查看jquery点击委托事件，而是委托一个函数调用，就像它在c＃中的工作方式一样

让我知道

Answer 1

您正在寻找的是一个＆＃34; Observer Pattern＆＃34;，如图所示。 here

但是当你对jQuery感兴趣时，你不需要为自己编写观察者模式而烦恼。 jQuery已经以.on() method为幌子实现了一个观察者，可以在jQuery集合上调用它，以便在每次调度本机或自定义事件时触发回调函数。

以下是一个例子：

$(function() {
    //attach a custom event handler to the document
    $(document).on('valueChange', function (evt) {
        $(this).find("#s0").text(evt.type);
        $(this).find("#s1").text(evt.value);
        $(this).find("#s2").text(evt.change);
        $(this).find("#s3").text(evt.timestamp).toLocaleString();
    });

    //customEvent(): a utility function that returns a jQuery Event, with custom type and data properties
    //This is necessary for the dispatch an event with data
    function customEvent(type, data) {
        return $.extend($.Event(type||''), data||{});
    };

    //randomUpdate(): fetches data and broadcasts it in the form of a 'changeValue' custom event
    //(for demo purposes, the data is randomly generated)
    function randomUpdate() {
        var event = customEvent('valueChange', {
            value: (10 + Math.random() * 20).toFixed(2),
            change: (-3 + Math.random() * 6).toFixed(2),
            timestamp: new Date()
        });
        $(document).trigger(event);//broadcast the event to the document
    }
});

Here's a demo，完成＆＃34;开始＆＃34;并且＆＃34;停止＆＃34;常规＆＃34;间隔的按钮＆＃34;发送自定义事件。

备注的

在某些情况下，将事件单独广播到四个数据范围可能更合适。
在网络上，您会发现更方便的jQuery.event.trigger({...})语法。不幸的是，这是jQuery的一个未记录的功能，它在v1.9或之后消失了。

Answer 2

尽管最初的问题是通过解决根本问题（观察者模式）来解决的，但仍有一种方法可以在JavaScript中实现委托。

C＃委托模式在使用上下文绑定的本机JavaScript中可用。 JavaScript中的上下文绑定是通过.call方法完成的。该函数将在第一个参数给出的上下文中调用。示例：

function calledFunc() {
  console.log(this.someProp);
}

var myObject = {
  someProp : 42,
  doSomething : function() {
    calledFunc.call(this);
  }
}

myObject.doSomething();
// will write 42 to console;

在Javascript中委派函数调用

2 个答案: