如何在 Angular 中存取 RxJS 主題或 Observable 的目前值？

存取 RxJS 主題或可觀察物件的目前值

在 Angular 服務中，通常使用 RxJS 主題和可觀察物件來管理狀態。但是，這些構造自然不會提供在訂閱之外檢索其當前值的方法。本文探討如何在這種情況下存取目前值。

考慮以下 Angular 服務，該服務利用主題來管理布林屬性 isLoggedIn：

<code class="typescript">import {Subject} from 'rxjs/Subject';
import {Injectable} from 'angular2/core';

@Injectable()
export class SessionStorage {
  private _isLoggedInSource = new Subject<boolean>();
  isLoggedIn = this._isLoggedInSource.asObservable();
  ...
}</code>

在某些情況下，您可以需要存取 isLoggedIn 的當前值而不訂閱它。這對於常規主題來說是不可能的，因為它只向訂閱者發送值，並不會儲存其當前狀態。

解決方案：使用BehaviorSubject

克服這個問題限制，請考慮切換到BehaviorSubject，這是一種專門的RxJS 類型，它維護一個內部緩衝區來維護一個內部緩衝區來儲存最新發出的值。

<code class="typescript">import {BehaviorSubject} from 'rxjs/BehaviorSubject';

@Injectable()
export class SessionStorage {
  private _isLoggedInSource = new BehaviorSubject<boolean>(false);
  isLoggedIn = this._isLoggedInSource.asObservable();
  ...
}</code>

與Subject 相比，BehaviorSubject 有兩個主要優點：

1. 當新訂閱者開始監聽時，它會立即發出其儲存的最新值。
2. 它公開了一個 getValue() 方法，該方法提供對目前值的程式存取。

以BehaviorSubject為例：

使用BehaviorSubject，即使不訂閱也可以存取isLoggedIn的當前值：

<code class="typescript">const sessionStorage = new SessionStorage();
const isLoggedInCurrentValue = sessionStorage._isLoggedInSource.getValue();
console.log(isLoggedInCurrentValue); // True or False</code>

上，如果需要存取isLoggedIn的當前值RxJS 主題或可觀察對象，請考慮切換到BehaviorSubject，它既為新訂閱者提供立即發射，又提供用於直接檢索的getValue() 方法。

以上是如何在 Angular 中存取 RxJS 主題或 Observable 的目前值？的詳細內容。更多資訊請關注PHP中文網其他相關文章！