javascript – Observable.create(…).map不是一个函数

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – Observable.create(…).map不是一个函数，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含986字，纯文字阅读大概需要2分钟。

内容图文

我只是学习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')
);

解决方法:

我正在做相同的课程,并能够使用管道并在箭头函数的参数中键入变量,以下列方式解决此问题：

...
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工作方式的最新变化,因此某些课程和参考可能已过时.

内容总结

以上是互联网集市为您收集整理的javascript – Observable.create(…).map不是一个函数全部内容，希望文章能够帮你解决javascript – Observable.create(…).map不是一个函数所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端