Rxjs响应式编程

       Angular中默认用了Rxjs。所以我们也要学习一下。

       首先何为响应式编程:就是异步数据编程。他是以观察者模式为核心。

比如针对按钮点击事件我们做些逻辑编写。在这里我们可以正对任何对象,比如一个变量的改变了,一个数组内容等等。如在游戏中我们监听玩家的生命值如果为0了,那就要处理一堆死亡逻辑。

       观察者模式是什么我就不讲了,对于一个有编程经验的人来说,没什么好讲的。

这里只记录一下观察者模式的写法。

var subscription= Observable.from([1,2,3,4])
  .filter((e) => e%2 == 0)
  .map((e) => e*e)
  .subscribe(
    e => console.log(e),
    error => console.error(error),
    () => console.log("结束啦")
);
  • 可观察对象Observable(流):表示一组值或者事件的集合。
  • 观察者Observer: 一个回调函数集合,它知道怎么样去坚挺被Observable发送的值。
  • 订阅Subscription:表示一个观察对象,主要用于取消观察注销。
  • 操作符Operators:存粹的函数,使开发者可以以函数编程的方式处理集合。(.filter/.map)

取消注册方法如下:

subscription.unsubscribe();

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值