订阅时克隆的 Rxjs 扫描
[英]Rxjs scan clonned on subscribe
问题描述
我不明白 rxjs 中的某些内容。 当有人：
- 点击 inc 按钮几次
- 然后点击第二个订阅按钮
- 然后在 inc 按钮上重新单击几次
为什么看起来 accumulator observable 在第二次订阅期间被克隆了？ 谢谢。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Reprex rxjs</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/rxjs/6.5.5/rxjs.umd.js"> </script> </head> <body> <button id="inc_button">Click me to increase</button> <button id="go_button">Start second counter</button> </div> <script> let score_calc = rxjs .fromEvent(document.getElementById('inc_button'), 'click') .pipe(rxjs.operators.scan(acc => acc+1, 0)); score_calc.subscribe(x => console.log('score1',x)); rxjs .fromEvent(document.getElementById('go_button'), 'click') .pipe(rxjs.operators.first()) .subscribe(()=> score_calc.subscribe(x => console.log('score2',x))); </script> </body> </html>
注意：我是 JavaScript 新手。
1 个解决方案
解决方案1
1 已采纳 2022-05-21 10:42:26
这与 rx 的关系比与 javascript 的关系更大。 查看冷热可观察对象之间的区别，您会发现可以让您在多个订阅者之间共享流的运算符。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Reprex rxjs</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/rxjs/6.5.5/rxjs.umd.js"> </script> </head> <body> <button id="inc_button">Click me to increase</button> <button id="go_button">Start second counter</button> </div> <script> let score_calc = rxjs .fromEvent(document.getElementById('inc_button'), 'click') .pipe( rxjs.operators.scan(acc => acc+1, 0), rxjs.operators.shareReplay(1) ); score_calc.subscribe(x => console.log('score1',x)); rxjs .fromEvent(document.getElementById('go_button'), 'click') .pipe(rxjs.operators.first()) .subscribe(()=> score_calc.subscribe(x => console.log('score2',x))); </script> </body> </html>
JavaScript：承诺和 RxJS - subscribe() 与 then() 相同吗？
[英]JavaScript: Promises and RxJS - subscribe() same as then()?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.