rxjsrxjs入门


备注

本节概述了rxjs是什么,以及开发人员可能想要使用它的原因。

它还应该提到rxjs中的任何大型主题,并链接到相关主题。由于rxjs的文档是新的,您可能需要创建这些相关主题的初始版本。

版本

发布日期
RxJS 4 2015年9月25日
RxJS 5 2016年12月13日
RxJS 5.0.1 2016年12月13日
RxJS 5.1.0 2017年2月1日

安装或设置

使用CDN:

<!DOCTYPE html>
<head>
  <script src="https://cdn.jsdelivr.net/rxjs/4.1.0/rx.min.js"></script>
</head>
<body>

  <script>
    // `Rx` is available
    var one$ = Rx.Observable.of(1);
    var onesub = one$.subscribe(function (one) {
      console.log(one); // 1
    });
    // alternatively: subscribe(console.log)
  </script>
</body>
</html>
 

CDN如果使用RxJS 5(RC)

<script src="https://npmcdn.com/@reactivex/rxjs@5.0.0-rc.1/dist/global/Rx.js"></script>
 

使用捆绑包:

首先使用npm安装到项目目录中:

npm install rx
 

或者使用RxJS 5(RC)

npm install rxjs
 

然后,在您的JavaScript文件中:

var Rx = require('rx');
//var Rx = require('rxjs/Rx'); // v5beta 

var one$ = Rx.Observable.of(1);
var onesub = one$.subscribe(function (one) {
  console.log(one); // 1
});
 

如果使用es6 / 2015兼容的捆绑包:

import Rx from 'rx';
//import Rx from 'rxjs/Rx'; // v5beta

const one$ = Rx.Observable.of(1);
const onesub = one$.subscribe(one => console.log(one)); // 1