在前端开发中，观察者模式（Observer Pattern）是一种常见的设计模式。它允许对象或组件之间建立一种发布/订阅的关系，以便在某些状态发生变化时通知其他对象或组件。
当我们订阅一个被观察者时，有时候需要获取该观察者当前的值。本文将介绍如何在订阅时获得观察者的当前值，并提供相关的示例代码和指导意义。
获取被观察者的当前值
要获取被观察者的当前值，可以使用RxJS这个流式编程库来实现。RxJS提供了多个操作符，其中包括 startWith 和 combineLatest 等操作符，它们可以帮助我们在订阅时获取被观察者的当前值。
使用 startWith 操作符
startWith 操作符会在Observable开始发出元素之前，先发出指定的初始值。因此，我们可以使用 startWith 操作符来获取被观察者的当前值。
下面是一个使用 startWith 操作符的示例：
import { of } from 'rxjs';
import { startWith } from 'rxjs/operators';
const observable$ = of(1, 2, 3);
observable$.pipe(startWith(0)).subscribe(value => {
console.log('value:', value);
});在这个示例中，我们创建了一个Observable对象 observable$，它会依次发出数值1、2、3。我们使用 startWith 操作符将初始值设为0，这样在订阅时就可以获取到被观察者的当前值。
使用 combineLatest 操作符
combineLatest 操作符可以接收多个Observables作为参数，并在它们中任何一个Observable发出新值时，将最新的所有值合并成一个数组并发出。因此，我们也可以使用 combineLatest 操作符来获取被观察者的当前值。
下面是一个使用 combineLatest 操作符的示例：
-- -------------------- ---- ------- ------ - -- - ---- ------- ------ - ------------- - ---- ----------------- ----- ------------ - ----- -- --- ----- ------------ - ------- ---- ----- ---------------------------- ------------------------------- -- - ---------------------- -------- ---
在这个示例中，我们创建了两个Observable对象 observable1$ 和 observable2$，其中一个发出数值1、2、3，另一个发出字符串'a'、'b'、'c'。我们使用 combineLatest 操作符将它们合并，并在订阅时获取到被观察者的当前值。
指导意义
在实际项目开发中，获取被观察者的当前值是非常有用的。例如，在页面初始化时需要获取某个数据的当前值，以便用户可以正确地进行操作。此外，在许多情况下，我们也需要在组件之间传递数据，这时获取被观察者的当前值同样非常重要。
本文介绍了两种获取被观察者当前值的方法，即使用 startWith 和 combineLatest 操作符。这两种方法可以满足不同场景下的需求，开发者可以根据实际情况选择合适的方法。
最后，我们还需要注意避免过度使用观察者模式，以免导致代码难以维护和调试。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/24186