可观察对象是首选吗？

Question

考虑一个需要过滤数组的简单情况。在 Angular 和 rxjs 的上下文中，我们可以同时使用 JS filter 方法和 RxJS filter 运算符。

//JS filter
let array = ['1', '2', '3', '4']
let result = array.filter(x => x == '2')[0];

//RXJS filter
const p = from(array);
let result: any;
p.pipe(filter(x => x == '2')).subscribe(x => { result = x; });

是否存在一种方法优于另一种方法的情况？我是否应该尽可能多地尝试处理 rxjs 可观察对象，尤其是在有角度的内部工作（摇树等）的情况下？

Answer 1

像往常一样，取决于您想要实现的目标。

对于一个非常简单的案例（特定组件只需要在一个地方），我相信它在性能方面没有太大区别。

如果处理compose，Observables 是很好的。

假设您有一个服务女巫通过 API 获取一些数据（我们称之为“DogsAPI）”

DogsAPI 服务：

getAllDogs(): Observable -> 获取所有狗

getAllDogs(() => {
    http.get("/dogs/all");
})

getAllDogsWithColor(color: String) -> 订阅getAllDogs，然后用颜色过滤列表

getAllDogsWithColor(color: String) = getAllDogs()
    .pipe(
        map(dog => dog),
        filter(dog => dog.color == color)
    )

getAllDogsWithColorAndFirstName(color: String, firstName:String) -> 订阅 getAllDogsWithColor() 并按名字过滤

getAllDogsWithColorAndFirstName(color: String, firstName:String) = getAllDogsWithColor(color)
    .pipe(
        filter(dog => dog.firstName == firstName)
    )

如果需要，另一端的组件可以订阅它们并对流进行其他各种操作。

通常订阅是通过异步管道发生的（智能组件通过“your observable | async”管道传递可观察对象，因此订阅在属性被使用之前就发生在那里。