事件驱动架构的 jQuery 插件？

2024-03-12

是否有事件驱动架构 jQuery 插件？

第 1 步：订阅

alt text
The subscribers subscribe to the event handler in the middle, and pass in a callback method, as well as the name of the event they are listening for...

即两个绿色订阅者将监听 p0 事件。蓝色订阅者将监听 p1 事件。

步骤 2：p0 事件由另一个组件向事件处理程序触发

p0 事件被触发到事件处理程序
事件处理程序通知其事件订阅者，调用他们订阅时指定的回调方法第一步：订阅。

请注意，蓝色订阅者不会收到通知，因为它没有侦听 p0 事件。

步骤 3：p1 事件被触发到事件处理程序的一个组件

p1 事件由另一个组件触发

与之前一样，只是现在蓝色订阅者通过其回调接收事件，而其他两个绿色订阅者没有接收该事件。

图片由 leeand00 提供，在 Flickr 上 http://www.flickr.com/photos/leeand00/4667387678/

我似乎找不到，但我猜测他们只是在 Javascript/jquery 中将其称为其他名称

这个模式还有名字吗？因为它不仅仅是一个基本的发布者/订阅者，所以我认为它必须被称为其他名称。

您可能不需要插件来执行此操作。首先，DOM 本身完全是事件驱动的。您可以使用事件委托来侦听根节点上的所有事件（jQuery live 使用的技术）。要处理可能与 DOM 无关的自定义事件，您可以使用普通的旧 JavaScript 对象来完成这项工作。我写了一个博客文章 http://vombat.tumblr.com/post/425704473/eventbus-with-mootools关于仅用一行代码在 MooTools 中创建中央事件调度程序。

var EventBus = new Class({Implements: Events});

在 jQuery 中也同样容易做到。使用常规 JavaScript 对象作为所有事件的中央代理。任何客户端对象都可以发布和订阅该对象上的事件。看这个相关question https://stackoverflow.com/questions/2625122/using-class-object-mootools-style-events-in-jquery.

var EventManager = {
    subscribe: function(event, fn) {
        $(this).bind(event, fn);
    },
    unsubscribe: function(event, fn) {
        $(this).unbind(event, fn);
    },
    publish: function(event) {
        $(this).trigger(event);
    }
};

// Your code can publish and subscribe to events as:
EventManager.subscribe("tabClicked", function() {
    // do something
});

EventManager.publish("tabClicked");

EventManager.unsubscribe("tabClicked");

或者，如果您不关心公开 jQuery，那么只需使用一个空对象并调用bind and trigger直接在 jQuery 包装的对象上。

var EventManager = {};

$(EventManager).bind("tabClicked", function() {
    // do something
});

$(EventManager).trigger("tabClicked");

$(EventManager).unbind("tabClicked");

包装器只是为了隐藏底层 jQuery 库，以便您可以在以后根据需要替换实现。

这基本上是发布/订阅 http://en.wikipedia.org/wiki/Publish/subscribe or the 观察者模式 http://en.wikipedia.org/wiki/Observer_pattern，一些很好的例子是 Cocoa 的NS通知中心 http://developer.apple.com/mac/library/documentation/Cocoa/Reference/Foundation/Classes/NSNotificationCenter_Class/Reference/Reference.html class, EventBus http://www.dossier-andreas.net/software_architecture/eventbus.html由 Ray Ryan 在 GWT 社区和其他几个社区中推广的模式。

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)