Categories: RxJS教程

RxJS:概述

本章介绍有关RxJS的功能,优点和缺点的信息。在这里,我们还将学习何时使用RxJS。

RxJS的完整形式是Java的Reactive Extension。这是一个JavaScript库,它使用可观察性来与可处理异步数据调用,回调和基于事件的程序的反应式编程一起使用。RxJS可以与其他Javascript库和框架一起使用。javascript和typescript都支持它。

什么是RxJS?

根据RxJS的官方网站,它被定义为一个库,用于通过使用可观察的序列来组成异步和基于事件的程序。它提供了一种核心类型,即可观察的,卫星类型(Observer, Schedulers, Subjects)和受Array#extras启发的运算符(map, filter, reduce, every, etc.),以将异步事件作为集合进行处理。

RxJS的功能

在RxJS中,以下概念负责处理异步任务。

Observable

observable是创建观察者并将其附加到期望值的源的函数,例如单击,来自dom元素或Http请求的鼠标事件等。

Observer

这是一个具有next(),error()和complete()方法的对象,当它们与可观察到的对象发生交互时即会被调用,即源为示例按钮单击,Http请求等交互。

订阅

创建可观察对象后,要执行可观察对象,我们需要订阅它。它也可以用来取消执行。

Operators

运算符是一个纯函数,它以可观察值作为输入,而输出也是可观察的。

Subject

主题是一个可观察的对象,可以多播,即与许多观察者交谈。考虑一个带有事件监听器的按钮,每次用户单击该按钮时,都会使用addlistener调用附加到事件的功能,类似的功能也适用于主题。

Schedulers

Schedulers控制何时必须启动和通知订阅的执行。

何时使用RxJS?

如果您的项目包含大量异步任务处理,那么RxJS是一个不错的选择。默认情况下,它随Angular项目一起加载。

使用RxJS的优点

以下是使用RxJS的优点:

  • RxJS可以与其他Javascript库和框架一起使用。javascript和typescript都支持它。很少有Angular,ReactJS,Vuejs,nodejs等示例。
  • 当处理异步任务时,RxJS是一个很棒的库.RxJS使用observables来处理响应式编程,以处理异步数据调用,回调和基于事件的程序。
  • RxJS提供了大量运算符,包括数学,转换,过滤,实用程序,条件,错误处理以及联接类别,这些运算符与反应式编程配合使用时会很轻松。

使用RxJS的缺点

以下是使用RxJS的缺点:

  • 使用observables调试代码几乎没有困难。
  • 在开始使用Observable时,您可以将完整的代码包装在Observable下。
terry

这个人很懒,什么都没有留下~

Share
Published by
terry

Recent Posts

自定义指令:聊聊vue中的自定义指令应用法则

今天我们来聊聊vue中的自定义…

2 天 ago

聊聊Vue中@click.stop和@click.prevent

一起来学下聊聊Vue中@cli…

1 周 ago

Nginx 基本操作:启动、停止、重启命令。

我们来学习Nginx基础操作:…

2 周 ago

Vue3:手动清理keep-alive组件缓存的方法

Vue3中手动清理keep-a…

2 周 ago

聊聊React和Vue组件更新的实现及区别

React 和 Vue 都是当…

3 周 ago