Observable怎么在Angular中使用

這期內容當中小編將會給大家帶來有關Observable怎么在Angular中使用，文章內容豐富且以專業的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

可觀察對象(Observable)

可觀察對象支持在應用的發布者和訂閱者之間傳遞消息。

可觀察對象是聲明式的 —— 即定義的用于發布值的函數，在有消費者訂閱它之前，這個函數不會實際執行。

可觀察對象可能會發出的三種通知：

定義觀察者

觀察者(observer)： 用于接收可觀察對象通知的處理器要實現 Observer 接口，這個對象定義了一些回調函數來處理可觀察對象可能會發來的三種通知。
觀察者對象可以定義這三種處理器的任意組合。如果你不為某種通知類型提供處理器，這個觀察者就會忽略相應類型的通知。

// Create observer object
const myObserver = {
  next: (_data) => {
  	// next通知類型處理器
  },
  error: err => {
  	// error通知類型處理器
  },
  complete: () => console.log('Observer got a complete notification'),
};

訂閱

只有當Observable的實例被訂閱時，Observable實例才會發布值。訂閱時要先調用該實例的subscribe() 方法，并把一個觀察者對象傳給它，用來接收通知。

語法：Observable.subscribe(ObserverObject)，其中，Observable為可觀察對象實例，ObserverObject為觀察者對象。

// 官網示例
// Create simple observable that emits three values
const myObservable = of(1, 2, 3);

// Create observer object
const myObserver = {
  next: x => console.log('Observer got a next value: ' + x),
  error: err => console.error('Observer got an error: ' + err),
  complete: () => console.log('Observer got a complete notification'),
};

// Execute with the observer object
myObservable.subscribe(myObserver);
// Logs:
// Observer got a next value: 1
// Observer got a next value: 2
// Observer got a next value: 3
// Observer got a complete notification

另外，subscribe() 方法還可以接收定義在同一行中的回調函數，無論 next、error 還是 complete 處理器。比如，下面的 subscribe() 調用和前面指定預定義觀察者的例子是等價的。

myObservable.subscribe(
  x => console.log('Observer got a next value: ' + x),
  err => console.error('Observer got an error: ' + err),
  () => console.log('Observer got a complete notification')
);

注： 無論哪種情況，next通知類型的處理器是必要的，而error和complete處理器是可選的。

subscribe() 調用會返回一個 Subscription 對象，該對象具有一個 unsubscribe()方法。 當調用該方法時，你就會停止接收通知。

上述就是小編為大家分享的Observable怎么在Angular中使用了，如果剛好有類似的疑惑，不妨參照上述分析進行理解。如果想知道更多相關知識，歡迎關注億速云行業資訊頻道。