创建 Observer 并订阅 Observable

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

Observer 会使用从 Observable 那里不断交付过来的数据 .. Observable 是数据的生产者,Observer 是数据的消费者。

下面我们在定义一个 observer .. 名字可以是 fruitsObserver 它是个对象 .. 里面可以提供三个方法 .. next() .. error() .. 还有 complete() ..

先添加一个 next .. 在这个方法里可以决定怎么处理从 Observable 那里用 next 方法交付过来的数据 .. 先给这个数据起个名字 .. 可以叫它 data ..

然后我们先简单地在控制台上输出这个数据 .. 再给它添加一个 complete .. Observable 里面如果没有要交付的数据了,就会执行 observer 上的 complete 方法 ..

这里可以在控制台上输出一个 done!

回到浏览器 .. 现在,在控制台上还不会输出什么东西 ..

Subscribe

订阅了 Observervable 以后,它才会向 Observer 推送数据 .. 订阅这个动作用的是 observerable 上面的 subscribe 这个方法 ... 再把订阅它的 Observer 告诉它 .. 这里就是上面我们定义的 fruitsObserver ..

现在,控制台上会先输出一个苹果 ... 完成以后,又会输出一个 done! .. 订阅了 fruitsObservable 以后,它就会开始把它里面的数据一个一个地交给订阅它的 Observer ..

在这个 fruitsObservable 里面,可以再用一个 next .. 交出一个 tangerine .. 橘子 ..

保存 ..

这样控制台上会输出一个苹果 ,还有一个桔子 .. 完成以后,又会输出一个 done ..

创建 Observer 并订阅 Observable《 RxJS:反应式编程 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点