我想使用rxjs构建一个应用,流程如下:
1.npm install rxjs
2.index.html
3.myscript.js
Index.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>
myscript.js:
rxjs.Observable.FromEvent(document, 'mousemove')
.subscribe(()=> console.log("text!"));
但如下引入时报错:“Uncaught TypeError: rxjs.Observable.FromEvent is not a function”
import 'rxjs/add/observable/fromEvent'; //SyntaxError: Unexpected string
或则
import { fromEvent } from 'rxjs'; //SyntaxError: Unexpected token {
对于RxJS v6,需要从rxjs中获取工厂方法,然后操作rxjs.operators。
例子:
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);
});