RxJS+Angular：如何确定性处理即时与延迟订阅的行为差异？

问题背景 #

当你不确定Observable是否会引入延迟（比如是否发起HTTP请求）时，执行以下代码无法预判inner和outer的输出顺序：

observable.subscribe(x => console.log('inner'))
console.log('outer')

这种不确定性在使用shareReplay的HTTP请求场景中会更突出：第一个订阅者会收到延迟的响应，而后续订阅者能立即获取缓存的数据。

核心问题 #

有没有推荐的方法可以确定性地处理所有Observable？

Angular场景下的具体问题 #

我在Angular的ngOnInit钩子中订阅Observable时，如果该Observable没有引入延迟，订阅回调里修改模板变量会抛出"changed after it was checked"错误。目前我能想到的唯一解决办法是在每次订阅前添加.pipe(delay(0))，但这种方式不够优雅，也很难每次都记得使用。

补充验证结果 #

• 常规业务场景中，这种执行顺序的不确定性通常不会造成问题，只要保证每个订阅都和对应数据明确关联即可（比如处理订阅间的依赖关系）。
• 在Angular中，只有AfterViewInit生命周期钩子会触发上述变更检测错误，OnInit和OnChanges钩子不会出现这个问题。

内容的提问来源于stack exchange，提问作者JoshThunar