javascript - ('eventName' , function(){...}); 上的这个模式 : . 的名称是什么？

Question

关闭。这个问题需要多问 focused 。目前不接受答案。

---

想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post .

已关闭 9 年前。

Improve this question

你知道.on('eventName', function(){...}); jQuery、socket.io、peerjs 和其他一些用于事件处理的库/框架中存在的模式，它叫什么？

我想更好地了解幕后的结构、它能做什么、到底发生了什么等，但无法从 Google 搜索中找到太多信息，该模式有名称吗？有具体的人想出了这个模式吗？

据我目前所知，它似乎类似于 addEventListener ，有什么具体的区别吗？

编辑:只是为了澄清一点，我希望在我的一个 Node JS 应用程序中实现某种类型的事件处理，并且理想情况下希望能够触发将像下面这样捕获的事件，并且正在寻找用于研究最佳实践 - 只是无法找出好的搜索词等。

var myNewObject = new MyLibrary();

myNewObject.on('event_1', function(param1, param2){

...

});

谢谢!

Answer 1

如果您自己推出，这是一种方法:

notJQuery = function() {
    if (typeof(notJQuery.eventList) === 'undefined') {
        notJQuery.eventList = {};
    }

    this.on = function(events, callback) {
        events = events.split(' ');
        for (i in events) {
            eventName = events[i];
            notJQuery.eventList[eventName][] = callback;
        }
    };

    return this;
};

您需要一个事件列表来保存所有 eventName => 回调 关联。

每次您想要触发“人工”事件(您设计的事件)时，您都会查找事件列表并找到该事件的所有回调。

每次更新真实事件(不是由您设计)的事件处理程序时，您都会查找事件列表并将该事件的这些回调附加到系统提供的事件处理程序/监听器。