在 Rx JS 中触发自定义事件

发布于 2024-09-07 08:13:45 字数 517 浏览 2 评论 0原文

我试图理解 Reactive JS。在 JQuery 中，我可以触发自定义事件

$(document).bind('eventbus', function(e, d) { console.log(d);});
$(document).trigger('eventbus', 'test');

并传递数据（即“测试”）。目前尚不清楚如何在 RxJS 中执行此操作。我可以尝试转换 jquery 事件，

var observable = $(document).ToObservable('eventbus');

但 observable 返回事件对象而不是我的数据对象。如何使用 RxJS 用数据触发自定义事件？我是否总是需要利用其他一些事件类型？我的目标是使用 RxJS 创建一个简单的事件总线。

原文

I'm trying to understand Reactive JS. In JQuery I can trigger custom events as

$(document).bind('eventbus', function(e, d) { console.log(d);});
$(document).trigger('eventbus', 'test');

and pass around data (i.e. 'test'). It's not clear how to do this in RxJS. I could try to convert the jquery events as

var observable = $(document).ToObservable('eventbus');

but observable returns the event object but not my data object. How do I trigger custom events with data using RxJS? Do I always need to piggyback on some other event type? My goal is to create a simple eventbus using RxJS.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

反目相谮 2024-09-14 08:13:45

尽管如此，你的问题有点老了，已经回答了，我想与你分享我的意见。

您提到您希望将自定义事件作为 Observables。对于自定义事件，当您真正想要的不是事件而是 Observable 时，根本不需要使用 jQuery。我喜欢将 Observable 视为类固醇事件。因此，在您想要公开 Observable 的组件中，为什么不直接使用 RxJS 而不是像这样间接使用 RxJS：

function Component(){
    var self = {};
    var subject = new Rx.Subject();

    //raise notifications this way
    //subject.OnNext("myData"); //could be anything, a string, an object, whatever

    self.getObservableSomething = function(){
        return subject.AsObservable();
    }
    return self;
}

一旦您开始使用 Rx，您会注意到任何事件实际上都可以是 Observable。事实上，以 F# 为例，IEvent 派生自 IObservable。

此外，当您删除 jQuery 部分时，您还可以减少与不同框架的绑定。

Even so your question is a bit old and already answered I would like to share my opinion with you.

You mentioned that you want to have your custom events as Observables. For custom events, there is no need to use jQuery at all when what you really want to have is not an event but an Observable. I like to think of an Observable as an event on steroids. So in your component that you would like to expose the Observable, why not use RxJS directly rather than indirectly like so:

function Component(){
    var self = {};
    var subject = new Rx.Subject();

    //raise notifications this way
    //subject.OnNext("myData"); //could be anything, a string, an object, whatever

    self.getObservableSomething = function(){
        return subject.AsObservable();
    }
    return self;
}

Once you started using Rx you will notice that any event could actually be an Observable. In fact, in F# for example, IEvent derives from IObservable.

In addition you reduce tieing to different frameworks when you remove the jQuery part.

回复收藏 0 原文