Question

我从这里遇到了这段代码：https://medium.com/@mohandere/rxjs-5-in-5-minutes-1c3b4ed0d8cc

function multiplyByTen(input) {
  var output = Rx.Observable.create(function subscribe(observer) {
    input.subscribe({
      next: (v) => observer.next(10 * v),
      error: (err) => observer.error(err),
      complete: () => observer.complete()
    });
  });
  return output;
}

var input = Rx.Observable.from([1, 2, 3, 4]);
var output = multiplyByTen(input);
output.subscribe(x => console.log(x));
// Result In:
// 10 
// 20 
// 30 
// 40

我只是看不到multipliByTen函数内部的subscribe函数的“ observer”参数来自哪里？是否必须明确定义它还是只是一些“默认”对象，以防万一之前未定义过该对象？为什么在函数内部将其称为函数subscription（observer）？它会覆盖默认的.subscribe（）函数还是一个匿名函数？

Answer 1

这只是一个RxJS构造，允许您将新值分配给订阅者函数。基本上，这就是RxJS设计库的方式。这使您可以控制新值的分配。用法的一个示例是当您执行一些异步操作并且要在解析/完成后将新值发送给订阅者时。

您可以在此处详细了解其工作方式：https://www.learnrxjs.io/operators/creation/create.html

另外，在JsBin中查看这个简单的同步示例（取自上面的docs链接）

/*
  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);

Observable.create（）函数的参数是否必须显式定义观察者？

1 个答案: