Angular2+好玩的Observable与RxJS：〇〇二

先上段代码 import {fromEvent} from 'rxjs'; ngOnInit() { fromEvent(window, 'resize').subscribe((event) => { console.log('你用鼠标改变屏幕大小，就会触发这个订阅，打印我这句可爱的话!'); }); } 上述代码是使用了Angular2+中的RxJS封装类里的fromEvent()监听主页面的分辨率变化的方法。通过subscribe()订阅得到event事件，在方法体内就可以根据主页面分辨率发生变化时做我们想要处理的事情。 ok，如果你是angular2+新手，很好，欢迎你，在这里你很快有了一个技术的收获，如果你有时间下面你还可以继续了解Observable和RxJS的理论知识；如果你已经是一个有angular2+开发经验的，那么你就不需要继续往下翻阅了，我推荐你去angular官方去看更加详细的介绍。

可观察对象（Observable） 可观察对象支持在应用中的发布者和订阅者之间传递消息。在需要进行事件处理、一步编程和处理多个值的时候，可以观察对象相对其它技术有着显著的优点。 可观察对象是声明式的 --- 也就是说，虽然你定义了一个用于发布值的函数，但是在有消费者订阅它之前，这个函数并不会实际执行。订阅之后，当这个函数执行完成或取消订阅时，订阅者就会收到通知。

RxJS库 响应式编程是一种面向数据流和变更传播的异步编程范式。RxJS是一个使用可观察对象进行响应式编程的库，它让组合异步代码和基于回调的代码变得更简单。 RxJS提供了一种对Observable类型的实现，直到Observable成为了JavaScript语言的一部分并且浏览器支持它之前，它都是必要的。这个库还提供了一些工具函数，用于创建和使用可观察对象。这些工具函数可用于：①、把现有的异步代码转换成可观察对象；②、迭代流中的各个值；③、把这些值映射成其它类型；④、对流进行过滤；⑤、组合多个流。 RxJS提供了操作符是对开发者很有帮助的，比如map()、filter()、concat()和flatMap()。在以后的文章中会着重为大家介绍这些操作符。

转载于:https://juejin.im/post/5cd14b4ff265da0373719cde