尝试用 rxjs 创建一个极简主义的纯 js 应用程序

Question

尝试使用 rxjs 创建一个极简主义的纯 js 应用程序。

流动：

1. npm 安装 rxjs
2. 索引.html
3. 我的脚本.js

索引.html：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">    
    <script src="node_modules/rxjs/bundles/rxjs.umd.min.js" ></script> 
    <script src="myscript.js"></script>    
    <title>Document</title>
</head>
<body>    
</body>
</html>

我的脚本.js：

rxjs.Observable.FromEvent(document, 'mousemove')
    .subscribe(()=> console.log("text!"));

我收到错误“Uncaught TypeError: rxjs.Observable.FromEvent is not a function”

尝试导入失败：

导入 'rxjs/add/observable/fromEvent'; //语法错误：意外的字符串

或者

从 'rxjs' 导入 { fromEvent }; //语法错误：意外标记{

我究竟做错了什么？如何在纯 js 上尝试 rxjs？

Answer 1

对于 RxJS v6 rxjs，从rxjs.operators.

这是一个带有 CDN 源的示例：

var { fromEvent } = rxjs;
var { map } = rxjs.operators;


var theButton = document.getElementById('the-btn');

fromEvent(theButton, 'click').pipe(
  // pipe some operators here
  map(() => Date.now())
).subscribe(date => {
  console.log('Clicked at ' + date);
});

<script src="https://unpkg.com/rxjs@6.4.0/bundles/rxjs.umd.min.js"></script>

<button
  id="the-btn"
  >Clicker</button>