且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

RxJs fromEvent 工作原理分析

更新时间:2022-09-10 21:07:42

fromEvent(this.test, 'click').subscribe((event) => console.log(event));

每当该 id 为 test 的按钮被点击一次,则 fromEvent issue 一个新的值,内容为 MouseClick 事件

RxJs fromEvent 工作原理分析

RxJs fromEvent 工作原理分析

上图 observerOrNext 就是我们应用程序里,传入给 subscribe 方法的匿名函数,即使用 console.log 打印 id 为 test 的 button 被点击之后抛出的 MouseEvent 事件。


因为我们暂时没有给 fromEvent 返回的 Observable 对象指定 operator,因此第 20 行 operator 为 undefined:

RxJs fromEvent 工作原理分析

RxJs fromEvent 工作原理分析

RxJs fromEvent 工作原理分析