這期內(nèi)容當(dāng)中小編將會給大家?guī)碛嘘P(guān)Observable怎么在Angular中使用，文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

創(chuàng)新互聯(lián)主營北塔網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,app開發(fā)定制,北塔h5成都微信小程序搭建,北塔網(wǎng)站營銷推廣歡迎北塔等地區(qū)企業(yè)咨詢

可觀察對象(Observable)

可觀察對象支持在應(yīng)用的發(fā)布者和訂閱者之間傳遞消息。

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

---

可觀察對象可能會發(fā)出的三種通知：

通知類型	說明
next	必要。用來處理每個送達值。在開始執(zhí)行后可能執(zhí)行零次或多次。
error	可選。用來處理錯誤通知。錯誤會中斷這個可觀察對象實例的執(zhí)行過程。
complete	可選。用來處理執(zhí)行完畢（complete）通知。當(dāng)執(zhí)行完畢后，這些值就會繼續(xù)傳給下一個處理器。

---

定義觀察者

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

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

訂閱

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

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

// 官網(wǎng)示例
// 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() 方法還可以接收定義在同一行中的回調(diào)函數(shù)，無論 next、error 還是 complete 處理器。比如，下面的 subscribe() 調(diào)用和前面指定預(yù)定義觀察者的例子是等價的。

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() 調(diào)用會返回一個 Subscription 對象，該對象具有一個 unsubscribe()方法。 當(dāng)調(diào)用該方法時，你就會停止接收通知。

上述就是小編為大家分享的Observable怎么在Angular中使用了，如果剛好有類似的疑惑，不妨參照上述分析進行理解。如果想知道更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

分享標題：Observable怎么在Angular中使用
本文鏈接：http://sd-ha.com/article14/jsjige.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站導(dǎo)航、網(wǎng)站設(shè)計、網(wǎng)站排名、商城網(wǎng)站、電子商務(wù)、網(wǎng)站營銷

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)