接收JS速成课程与实际示例

1+

ReactiveX彻底改变了现代开发人员考虑构建应用程序的方式,它使我们能够在时间范围内展开所有数据时将其视为流。

在本RxJS速成班课程中,我’我将介绍约25种不同的使用方式 接收JS 因此,您具有在自己的项目中使用本教程的坚实基础。

接收JS速成课程与实际示例
接收JS速成课程

让’移到操场上

I’我们刚刚创建了一个基本的HTML页面,并从该页面顶部的CDN导入了rxjs脚本。然后我们’将所有我们的自定义代码写入此lesson1.js文件中。
我创建了一个辅助函数,该函数会将可观察到的结果附加到此处右侧的浏览器中,因此当您看到我使用打印函数时,’s将值添加到浏览器。
我们第一件事’再说是可以观察的,我认为最简单的方法就是数组。

的JavaScript
1
2
3
4
5
6
7
8
9
10
//index.html
 
<html>
<>
<脚本 src="//npmcdn.com/@reactivex/[电子邮件 protected]/dist/global/Rx.umd.js“ ></脚本>
</头>
<body>
<script src="lesson1.js"></scri>
</身体>
</html>
的JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
//lesson1.js
const 可观察的 = 接收.可观察的.创造(
观察者 => {
观察者.下一页('你好')
观察者.下一页('世界')
}
);
 
可观察的.订阅( => 打印());
 
 
///帮手打印值
 
功能 打印() {
埃尔 = 文件.创造Element('p');
埃尔.innerText = ;
文件.身体.appendChild(埃尔);
}

We’为了使代码和结果更加清晰,我将使用jsfiddle。因此,上面给出的带有JsFiddle的代码如下:

让我们深入研究RxJS教程并首先开始:

1+