switchMap相关文章

rxjs里switchMap operators的用法
通过rxjs的一个例子, 来学习SwitchMap的使用方法
rxjs switchMap的实现原理
rxjs的map和switchMap在SAP Spartacus中的应用 -将高阶Observable进行flatten操作

SwitchMap can cancel in-flight network requests.

先引用rxjs官网对SwitchMap的介绍：

The main difference between switchMap and other flattening operators is the cancelling effect. On each emission the previous inner observable (the result of the function you supplied) is cancelled and the new observable is subscribed. You can remember this by the phrase switch to a new observable.

每次emission，之前的inner Observable会被cancel，新的Observable会被subscribe.

可以使用"switch to a new Observable"的方法来帮助记忆switchMap的这一特性。

Typeheads

This works perfectly for scenarios like typeaheads where you are no longer concerned with the response of the previous request when a new input arrives.

This also is a safe option in situations where a long lived inner observable could cause memory leaks, for instance if you used mergeMap with an interval and forgot to properly dispose of inner subscriptions. -

Remember, switchMap maintains only one inner subscription at a time, this can be seen clearly in the first example.

Be careful though, you probably want to avoid switchMap in scenarios where every request needs to complete, think writes to a database. switchMap could cancel a request if the source emits quickly enough. In these scenarios mergeMap is the correct option.

看个例子：

源代码：

  ngOnInit(): void {fromEvent(document, 'click').pipe(// restart counter on every clickswitchMap(() => interval(1000))).subscribe((oe) => console.log('Jerry: ' + oe));}

输出：

switchMap的实现：

应用程序调用subscribe：

每次调用intervals函数，内部都会新建一个Observable对象：

调用了当前的next方法后，计数器加一，然后继续在preriod毫秒后，调度下一次执行：

返回一个新的Observable对象：

要获取更多Jerry的原创文章，请关注公众号"汪子熙":

rxjs switchMap的实现原理相关推荐

RxJS switchMap, mergeMap, concatMap，exhaustMap 的比较
原文:Comprehensive Guide to Higher-Order RxJs Mapping Operators: switchMap, mergeMap, concatMap (and e ...
RxJs SwitchMap 学习笔记
网址:https://www.learnrxjs.io/learn-rxjs/operators/transformation/switchmap The main difference betwee ...
RxJs map operator 工作原理分析
使用一个例子来研究 map 操作符的工作原理. 推荐阅读本文之前,先浏览这篇文章RxJs fromEvent 工作原理分析以了解相关知识. 源代码: import { Component, OnIni ...
rxjs里switchMap operators的用法
switchMap相关文章 rxjs里switchMap operators的用法通过rxjs的一个例子, 来学习SwitchMap的使用方法 rxjs switchMap的实现原理 rxjs的ma ...
rxjs的map和switchMap在SAP Spartacus中的应用 -将高阶Observable进行flatten操作
switchMap相关文章 rxjs里switchMap operators的用法通过rxjs的一个例子, 来学习SwitchMap的使用方法 rxjs switchMap的实现原理 rxjs的ma ...
通过rxjs的一个例子, 来学习SwitchMap的使用方法
switchMap相关文章 rxjs里switchMap operators的用法通过rxjs的一个例子, 来学习SwitchMap的使用方法 rxjs switchMap的实现原理 rxjs的ma ...
RxJs fromEvent 工作原理分析
fromEvent(this.test, 'click').subscribe((event) => console.log(event)); this.test 的赋值逻辑: this.tes ...
深入浅出 RxJS 核心原理（源码实现）
基础概念 js事件库,通过observable进行异步事件管理基于观察者模式的响应式编程,生产者主动推送多个数据给订阅的消费者处理使用纯函数保证应用状态的隔离,保证数据纯净性通过observab ...
rxjs of操作符里subscribeToArray的实现原理示意图及分析
写一段简单的代码来测试subscribeToArray: test1(){const subscribeToArray = (array) => (subscriber) => {for ...

rxjs switchMap的实现原理

switchMap相关文章

Typeheads

rxjs switchMap的实现原理相关推荐

最新文章

热门文章