1 回答
TA贡献1898条经验 获得超8个赞
它只是一个 RxJS 构造,允许您将新值分派给订阅者函数。基本上,这就是 RxJS 设计库的方式。这允许您控制新值的分派。使用的一个例子是当你有一些异步操作并且你想在它已经解决/完成时向订阅者发送一个新值。
您可以在此处阅读有关其工作原理的更多信息:https : //www.learnrxjs.io/operators/creation/create.html
另外,在 JsBin 中查看这个简单的同步示例(取自上面的文档链接)
/*
Create an observable that emits 'Hello' and 'World' on
subscription.
*/
const hello = Rx.Observable.create(function(observer) {
observer.next('Hello');
observer.next('World');
});
const subscribe = hello.subscribe(val => console.log(val));
// prints.. the follwoing:
// Hello
// World
我上面提到的异步情况如下所示:(来自官方 RxJS jsBin 示例 - https://jsbin.com/lodilohate/1/edit?js,console):
// RxJS v6+
import { Observable } from 'rxjs';
/*
Increment value every 1s, emit even numbers.
*/
const evenNumbers = Observable.create(function(observer) {
let value = 0;
const interval = setInterval(() => {
if (value % 2 === 0) {
observer.next(value);
}
value++;
}, 1000);
return () => clearInterval(interval);
});
//output: 0...2...4...6...8
const subscribe = evenNumbers.subscribe(val => console.log(val));
//unsubscribe after 10 seconds
setTimeout(() => {
subscribe.unsubscribe();
}, 10000);
添加回答
举报
