15、RxJS 中流的合并与嵌套处理

RxJS 中流的合并与嵌套处理

在响应式编程中，流的合并和嵌套处理是非常重要的操作。本文将介绍 RxJS 中几个关键的操作符，包括 concat() 、 switch() 和 mergeMap() ，并通过示例代码展示它们的用法。

1. 流的连接操作 concat()

merge() 操作符会按照从源流接收到事件的顺序输出所有可观察数据。但在某些场景下，我们可能更希望在连接可观察序列时保留整个序列的顺序，而不是交错输出。这种操作被称为两个流的连接（concatenation）。

连接操作的语法如下：

const source$ = Rx.Observable.concat(...streams)

下面是一个简单的示例：

const source1$ = Rx.Observable.range(1, 3).delay(3000);
const source2$ = Rx.Observable.of('a', 'b', 'c');
const result = Rx.Observable.concat(source1$, source2$); 
result.subscribe(console.log);

在这个示例中， source1$ 会延迟 3 秒后