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

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

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

让’移到操场上

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

//index.html

&lt;html&gt;
	&lt;head&gt;
		&lt;script src="//npmcdn.com/@reactivex/rxjs@5.0.0-beta.8/dist/global/Rx.umd.js“ &gt;&lt;/script&gt;
	&lt;/head&gt;
	&lt;body&gt;
		&lt;script src="lesson1.js"&gt;&lt;/script&gt;
	&lt;/body&gt;
&lt;/html&gt;

//index.html

<html>

<头>

<脚本 src="//npmcdn.com/@reactivex/[电子邮件 protected]/dist/global/Rx.umd.js“ ></脚本>

</头>

<body>

</身体>

</html>

//lesson1.js
const 可观察的 = 接收.Observable.create（
	observer =&gt; {
		viewer.next（'hello'）
		viewer.next（'world'）
	}
);

observable.subscribe（val =&gt; 打印(val));


///帮手打印值

函数print（val）{
	让el = 文件.createElement（'p'）;
	el.innerText = 值;
	document.body.appendChild（el）;
}

//lesson1.js

const 可观察的 = 接收.可观察的.创造(

观察者 => {

观察者.下一页('您好')

观察者.下一页('世界')

}

);

可观察的.订阅(值 => 打印(值));

///帮手打印值

功能打印(值) {

让埃尔 = 文件.创造Element('p');

埃尔 .innerText = 值;

文件.身体.appendChild(埃尔 );

}

We’为了使七星彩中奖查询和结果更加清晰，我将使用jsfiddle。因此，上面给出的带有JsFiddle的七星彩中奖查询如下：

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

看更多:

接收JS速成课程– Click events
我们不’通常需要像在...中手动创建可观察对象

让’移到操场上

相关文章：