教你如何用Angular更好地管理RxJS订阅

全文共2792字，预计学习时长13分钟

图源：unsplash

在一个Angular组件内处理多个可观察对象的RxJS，需要在某个地方订阅它们，更重要的是，当不再需要时可以取消订阅。

有成千上万的文章告诉我们，经常退订是多么重要。内存泄漏，性能下降，疯狂的副作用——这些都可以由一个未订阅的可观察对象触发。

那么该如何操作呢？关于如何在Angular应用程序中管理RxJS订阅的教程，网上已经有很多了。但笔者的方法一定是最干净的方法之一。不相信？那就往下看吧~

有成千上万的文章在解释如何正确退订，如何避免使用管理订阅的代码以免组件代码过载。你可以使用RxJS操作符来帮忙，也可以使用ngOnDestroy钩子、Subject或组件基类。

图源：unsplash

办法是很多的，但按照这样做，不管怎么努力，都会让组件代码有点混乱。然后组件中应用程序逻辑就与添加的一些订阅管理代码搞混了，而订阅管理代码本来是防止可怕的内存泄漏的。可读性不太好。即使是非常简单的组件看起来也有点复杂和可怕……

不如来试试笔者的办法。

异步管道救援？

图源：unsplash

只想在组件创建时订阅一些可观察对象，然后在组件被销毁时取消所有订阅。为什么要为此编写一行代码？这似乎是最常见的情况。为什么要自己处理？框架不能帮忙吗？