Javascript 函数的参数Observable.create()是否必须明确定义观察者?

Javascript 函数的参数Observable.create()是否必须明确定义观察者?,javascript,observable,subscribe,Javascript,Observable,Subscribe,我在这里遇到了以下代码: 我只是不知道multiplyByTen函数中subscribe函数的“observer”参数来自哪里?是否必须明确定义它,或者它只是传递给create函数的某个“默认”对象,以防以前没有定义它?为什么在函数内部称为函数subscribe(observer)?它是覆盖默认的.subscribe()函数还是也可以是匿名函数?它只是一个RxJS构造,允许您向订阅函数分派新值。基本上,这就是RxJS设计库的方式。这允许您控制新值的分派。一个使用示例是当您有一些异步操作,并且希望

我在这里遇到了以下代码:


我只是不知道multiplyByTen函数中subscribe函数的“observer”参数来自哪里?是否必须明确定义它,或者它只是传递给create函数的某个“默认”对象,以防以前没有定义它?为什么在函数内部称为函数subscribe(observer)?它是覆盖默认的.subscribe()函数还是也可以是匿名函数?

它只是一个RxJS构造,允许您向订阅函数分派新值。基本上,这就是RxJS设计库的方式。这允许您控制新值的分派。一个使用示例是当您有一些异步操作,并且希望在解析/完成该操作后向订阅服务器发送新值时

您可以在此处阅读有关其工作原理的更多信息:

另外,在JsBin中查看这个简单的同步示例(取自上面的docs链接)

我上面提到的异步案例描述如下:(来自官方的RXJSJSBIN示例-):


好的,我想我看到了它是如何工作的,观察者只是一个带有next()、err()和complete()函数的对象,但我不明白“observer”参数对象是从哪里来的,当它之前没有定义时,它是否已经在rxjs库中定义为默认值?您正在使用Rx.js库,这将为您提供以下函数:
Observable.create()
。正如您正确注意到的,
create
需要一个具有参数
observer
的函数。简单地说,
create
将把这个
observer
对象注入到您传递的函数中,这样您就可以使用
next()
err()
complete()
函数。因此,这只是他们如何设计流/注入/方式来使用这些有用的函数。好吧,我想了解更多关于内部工作的信息,在这里找到了一篇不错的文章:但我仍然不确定它是如何隐含地将观察者传递到其他函数中的,我也不太确定我是否理解从“returnnewobservable()”函数内部返回的那些返回函数。。。这相当令人困惑——但我想这是核心javascript问题……我不会说这是一个“问题”——也许你想了解核心javascript本身是如何工作的。JavaScript允许您传递对象(函数就是对象)和原语值。另一个注入、暴露对象并将其传递的关键概念是咖喱。可能有助于理解他们是如何做到这一点的。“但我仍然不确定将观察者传递到其他函数中的隐含工作原理”——你是可观察类的消费者。Observable.create(…)和new Observable(…)执行相同的操作-即,
create
是构造函数的别名。-因此,要使用这种机制,需要调用构造函数并向其传递函数。您的函数采用
观察者
。Observable类的内部有Observator,现在还有您的函数。它们只需调用您的函数并将观察者传递给它-
yourFn(观察者)
。而
yourFn
使用这些观察者函数。
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
/*
  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 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);