RxJS 6 —— operators

最新推荐文章于 2023-12-12 14:33:38 发布

sda42342342423

最新推荐文章于 2023-12-12 14:33:38 发布

阅读量209

点赞数

分类专栏： Rxjs 文章标签： Rxjs

本文链接：https://blog.youkuaiyun.com/sda42342342423/article/details/113975184

版权

Rxjs 专栏收录该内容

5 篇文章

订阅专栏

本文深入探讨了RxJS中的`operators`，包括如何使用`Create`（如`of`和`interval`）创建Observable，以及如何通过`map`和`first`等操作符来改变Observable的行为。示例代码展示了如何运用这些操作符处理数据流。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

operators

operators 可以分为两类

Create: of, interval .etc [ import { interval, Observable, of } from 'rxjs ]

import  { interval, Observable, of }  from 'rxjs';
// pipe operator: op()(obs)
const observable = new Observable(subscriber=>{
    subscriber.next(1);
    subscriber.next(2);
    subscriber.next(3);
    subscriber.complete();
});
// of operator
const ob2 = of(1,2,3);

observable.subscribe(x=>{console.log("got src " + x);});
ob2.subscribe(x=>{console.log("got of " + x);});

// interval operator
const ob5 = interval(1000 /* number of milliseconds */);
ob5.subscribe(x=>{console.log("got interval " + x);});

Change: map, first .etc [ import { first, map } from ‘rxjs/operators’ ]

import  { of }  from 'rxjs';
import { first, map } from 'rxjs/operators';

// map operator
const ob3 = map((x:number)=>x*x)(of(1,2,3));
ob3.subscribe(x=>{console.log("got map " + x);});

// first operator 
const ob4 = first()(of(1,2,3));
ob4.subscribe(x=>{console.log("got first " + x);});