Rx.js、Observable、Subject 、Observer、Promise、EventEmitter理解

一、Rx.js理解

Rx.js是函数响应式编程,Observable、Subject 、Observer是其对外提供的实现。


Observable 其实就是 Promise++ (Promise 对象用于执行某个异步操作)。在 Rx 中,你可以很简单地把一个 Promise 转换成一个 Observable,只需要:var stream = Rx.Observable.fromPromise(promise) ,接下来我们会使用他。Observable 和 Promise++ 的唯一区别是前者不兼容 Promise/A+ ,但是理论上来讲是没有冲突的。Promise 其实就是只有单独一个值 的 Observable ,但后者更胜一筹的是允许多个返回值(多次 emit)。Observer接口为开发者提供了一种可以异步监听目标元素与其祖先或视窗交叉状态的手段。


Observer与Subject的区别:我理解的是Observer调用订阅者的next、complete、error来实现数据的发送,所以每次订阅Observer都会执行一遍去发送数据;Subject自己拥有next、complete、error函数,所以只是记录了订阅者,是否发送数据、何时发送数据由Subject自己决定!


二、Promise理解

所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise 是一个对象,从它可以获取异步操作的结果,获取异步结果后执行then方法传递过来的用户操作。Promise 提供统一的 API,各种异步操作都可以用同样的方法进行处理。


四、EventEmitter理解

EventEmitter,在需要触发事件的时候,emit 你想要的事件,然后在其他的代码中,监听这个事件进行处理。

//emit code

const ev = EventEmitter();

ev.emit('event', data);


// user code, add event listener

ev.on('event', data => process(data));

EventEmitter 在做 library 或者 framework 的时候尤其有用,因为它将事件和事件的处理解耦,事件的触发者不必关心事件是由谁来处理,怎么处理的。

你可能感兴趣的:(网页前端相关)