探索 Angular、Angular Material 和 RxJS
1. RxJS 基础 - 观察者与订阅
RxJS 是一个强大的响应式编程库,在现代前端开发中发挥着重要作用。首先,我们来了解观察者对象和订阅的概念。
观察者对象需要具备三个基本函数: next
、 error
和 complete
,这是 Observable API 契约的一部分。其具体规则如下:
- next
:可以被调用 0 到 n 次,每次有新值可用时调用。
- error
:只能被调用一次,调用后 Observable 将不再发出任何值,通常在发生错误时调用。
- complete
:只能被调用一次,调用后 Observable 将不再发出任何值,通常在没有更多值要发出时调用。
以下是一个示例代码,展示了这些函数的使用:
observer.next(1);
observer.next(2);
observer.next(3);
observer.complete();
observer.next(4); // 4 将不会被传递!
在这个例子中, observer
的 next
方法被多次调用,之后调用了 complete
函数。调用 complete