📝 RxJS教程
13篇技术文档📅  最后修改于: 2020-10-20 05:32:56        🧑  作者: Mango
RxJS是一个JavaScript库,它使用可观察性来与响应式编程一起使用,该响应式编程处理异步数据调用,回调和基于事件的程序。 RxJS可以与其他JavaScript库和框架一起使用。 JavaScript和typescript都支持它。听众本教程适用于希望以简单的方式学习JavaScript的Reactive extension(RxJS)及其编程概念的软件程序员。本教程将通过适当的示例使您对...
📅  最后修改于: 2020-10-20 05:33:18        🧑  作者: Mango
本章介绍有关RxJS的功能,优点和缺点的信息。在这里,我们还将学习何时使用RxJS。RxJS的完整形式是Java的Reactive Extension。这是一个JavaScript库,它使用可观察性来处理响应式编程,以处理异步数据调用,回调和基于事件的程序。 RxJS可以与其他Javascript库和框架一起使用。 javascript和typescript都支持它。什么是RxJS?根据RxJS的...
📅  最后修改于: 2020-10-20 05:34:00        🧑  作者: Mango
在本章中,我们将安装RxJS。要使用RxJS,我们需要以下设置-节点JSNpmRxJS软件包安装NODEJS和NPM安装使用npm安装RxJS非常容易。您需要在系统上安装nodejs和npm。要验证您的系统上是否安装了NodeJS和npm,请尝试在命令提示符下执行以下命令。如果要获取版本,则意味着系统上已安装了nodejs和npm,并且系统上现在的版本分别为10和6。如果它没有打印任何内容,请在系...
📅  最后修改于: 2020-10-20 05:34:24        🧑  作者: Mango
在本教程中,我们将使用RxJS版本6。 RxJS通常用于处理反应式编程,并且在Angular,ReactJS中更常使用。 Angular 6默认情况下会加载rxjs6。与版本6相比,RxJS版本5的处理方式有所不同。如果将RxJS 5更新为6,代码将中断。在本章中,我们将看到处理版本更新方式的不同。如果您将RxJS更新为6,并且不想进行代码更改,也可以这样做,并且必须安装以下软件包。该软件包将负责...
📅  最后修改于: 2020-10-20 05:34:46        🧑  作者: Mango
可观察到的是,创建一个观察者,并将其附加到从预期值的源,例如,点击,从DOM元素或HTTP请求的鼠标事件等的函数Observer是具有回调函数的对象,当与Observable发生交互时即会被调用,即,源已经交互了示例按钮单击,Http请求等。我们将在本章中讨论以下主题-创建可观察的订阅可观察执行可观察创建可观察的可以使用observable构造函数以及observable create方法并通过将...
📅  最后修改于: 2020-10-20 05:35:49        🧑  作者: Mango
运算符是RxJS的重要组成部分。运算符是一个纯函数,它以可观察值作为输入,而输出也是可观察的。与运营商合作运算符是一个纯函数,它以可观察的输入作为输入,而输出也是可观察的。要与运算符,我们需要一个pipe()方法。使用pipe()的示例在上面的示例中,我们创建了一个可观察的using()方法,其值分别为1、2和3。现在,在该可观察对象上,您可以使用pipe()方法使用任意数量的运算符执行不同的操作...
📅  最后修改于: 2020-10-20 05:36:04        🧑  作者: Mango
创建可观察对象后,要执行可观察对象,我们需要订阅它。count()运算符这里是一个简单的示例,说明如何订阅可观察对象。例子1输出订阅有一种称为unsubscribe()的方法。调用unsubscribe()方法将删除该可观察对象使用的所有资源,即该可观察对象将被取消。这是一个使用unsubscribe()方法的工作示例。例子2订阅存储在变量test中。我们已经使用了test.unsubscribe...
📅  最后修改于: 2020-10-20 05:36:41        🧑  作者: Mango
主题是一个可观察的对象,可以多播,即与许多观察者交谈。考虑一个按钮,一个事件监听器,使用添加监听器附加到事件的函数被调用每一个按钮类似的功能,用户点击进入为主题太费时间。我们将在本章中讨论以下主题-创建一个主题可观察和主题之间有什么区别?行为主体重播主题异步主题创建一个主题要处理主题,我们需要导入主题,如下所示:您可以如下创建主题对象-该对象是具有三种方法的观察者-下一个(v)错误(e)完成()订...
📅  最后修改于: 2020-10-20 05:36:55        🧑  作者: Mango
调度程序控制何时必须启动和通知订阅的执行。要使用调度程序,我们需要以下内容-这是一个工作示例,其中,我们将使用调度程序来决定执行情况。例输出没有调度程序,输出将如下所示-...
📅  最后修改于: 2020-10-20 05:37:10        🧑  作者: Mango
在本章中,我们将看到如何在Angular中使用RxJ。我们不会在这里进入Angular的安装过程,要了解有关Angular安装的信息,请参考以下链接-https://www.tutorialspoint.com/angular7/angular7_environment_setup.htm我们将直接处理一个示例,在该示例中,将使用RxJS中的Ajax加载数据。例app.component.tsap...
📅  最后修改于: 2020-10-20 05:37:25        🧑  作者: Mango
在本章中,我们将看到如何将RxJ与ReactJS一起使用。我们不会在这里进入Reactjs的安装过程,要了解关于ReactJS安装的信息,请参考以下链接:/reactjs/reactjs_environment_setup.htm例我们将直接在下面的示例中工作,在该示例中,将使用RxJS中的Ajax加载数据。index.jsindex.html我们使用了RxJS中的ajax,它将从此网址(http...
📅  最后修改于: 2020-10-20 05:37:41        🧑  作者: Mango
以下资源包含有关RxJS的其他信息。请使用它们来获得有关此方面的更深入的知识。RxJS上的有用链接RxJS–RxJS的官方网站。RxJS Wiki–RxJS的维基百科参考。关于RxJS的有用书籍要在此页面上注册您的网站,请发送电子邮件至...
📅  最后修改于: 2020-10-20 05:37:53        🧑  作者: Mango
RxJS是一个JavaScript库,它使用可观察性来与响应式编程一起使用,该响应式编程处理异步数据调用,回调和基于事件的程序。 RxJS可以与其他JavaScript库和框架一起使用。 JavaScript和typescript都支持它。...