javascript - Observable.create(...).map 不是函数

Question

我刚刚学习 Pluralsight - 使用 RxJS 进行响应式编程入门

为什么不工作？

我使用 RXJS 6.2.0

import {Observable} from 'rxjs';

const numbers = [1, 5, 10];
const source = Observable.create(observer => {

  let index = 0;
  let produceValue = () => {
    observer.next(numbers[index++]);

    if (index < numbers.length) {
      setTimeout(produceValue, 2000);
    } else {
      observer.complete();
    }
  };

  produceValue();

}).map(n => n * 2)
  .filter(n => n > 4);

source.subscribe(
  value => console.log(`value: ${value}`),
  e => console.log(`error: ${e}`),
  () => console.log('complete')
);

Answer 1

我正在做同样的类(class)，并且能够使用管道解决这个问题，并通过以下方式在箭头函数的参数中输入变量:

...
let source = Observable.create(observer => {

    let index = 0;
    let produceValue = () => {

        observer.next(numbers[index++]);

        if (index < numbers.length) {
            setTimeout(produceValue, 250);
        } else {
            observer.complete();
        }
    }

    produceValue();
}).pipe(
    map((n: number) => n * 2),
    filter((n: number) => n > 4)
);
...

要求在管道内部使用运算符是 RxJs 工作方式的最新变化，因此某些类(class)和引用资料可能已过时。