关于RxJS switchMap操作符弹珠图的技术问询
Hey there! Let's walk through each of your questions about switchMap clearly, tying together the marble diagram behavior and your code example.
1. 弹珠图里的间距代表什么？
没错，弹珠图里的间距就是时间间隔！大间距表示两个值的发射时间差更大，小间距则更短。这里的时间一般是RxJS里的"虚拟时间"（不是真实的秒数，除非特意配置），用来模拟异步流的时序逻辑。比如1和3之间的大间距，意思是外部Observable发射1之后，过了较长时间才发射3；而3和5之间间隔短，说明这两个值发射得更接近。
2. 内部Observable和外部Observable是什么？
- 外部Observable：就是你调用switchMap的那个源Observable，也就是弹珠图里发射1、3、5的那个流——它是触发整个逻辑的"源头"。
- 内部Observable：是通过switchMap里的映射函数生成的新Observable，比如弹珠图里每个外部值（1/3/5）对应的、会发射10/20/30、30/40/50这类值的流。switchMap会为每个外部发射的值创建一个内部Observable，然后订阅它。
3. 为什么第三个30消失了？
这正是switchMap的核心特性：当外部Observable发射新值时，它会立即取消订阅当前正在活跃的内部Observable，转而订阅新的内部Observable。
举个弹珠图里的场景：外部先发射1，对应的内部Observable开始准备发射10、20、30，但还没等它发射30的时候，外部Observable发射了3。这时候switchMap会立刻退订第一个内部Observable，所以那个还没发射的30就永远不会出来了。之后第二个内部Observable开始发射30、40、50，但还没发射50的时候，外部又发射了5，于是第二个内部Observable被退订，最后只有已经发射的30和新内部Observable的50出现在结果里。
4. 为什么你的代码会输出全部9个值？
问题出在同步流和异步流的区别！
你的代码里：
const switched = of(1, 2, 3).pipe(switchMap(x => of(x, x ** 2, x ** 3))); switched.subscribe(x => console.log(x));
of(1,2,3)是同步发射所有值的Observable：它会一口气把1、2、3全部发射完，中间没有任何时间间隔。- 对应的内部Observable
of(x, x², x³)也是同步的：当外部发射1时，内部会立刻把1、1、1三个值全部发射完成，然后这个内部Observable就结束了。等外部再发射2的时候，第一个内部Observable已经完成了，switchMap不需要取消订阅它，直接订阅新的内部Observable，同理把2、4、8全部发射完，再处理3的情况。
而弹珠图里的外部Observable是异步的（有时间间隔发射值），所以当新的外部值发射时，前一个内部Observable还在活跃（没完成），这时候switchMap才会触发取消订阅的逻辑，导致部分值丢失。
内容的提问来源于stack exchange，提问作者wonderful world
