RxJS 6變化-概述

RxJS 6主要用于Angular應(yīng)用程序，從Angular 6開始，它是一個(gè)強(qiáng)制依賴。

與RxJS版本5相比，RxJS 6（或更高版本）引入了兩個(gè)重要更改：
1. import的導(dǎo)入結(jié)構(gòu)發(fā)生變化
2. pipe()作為一種鏈接運(yùn)算符的方法，舊的鏈接方式將不起作用
3. 一些operator操作符被重命名

特別提示： 如果你讓舊的代碼仍舊繼續(xù)使用，你需要進(jìn)行以下操作（不推薦再用舊的方法了）
npm install --save rxjs-compat  // 安裝向后兼容依賴包

1. 對于import語句，變化如下：

• Observable, Subject

// 以前：
import { Observable } from 'rxjs/Observable'
import { Subject } from 'rxjs/Subject'

// 現(xiàn)在：
import { Observable, Subject } from 'rxjs

• Operators

// 以前：
import 'rxjs/add/operator/map'
import 'rxjs/add/operator/take'

// 現(xiàn)在
import { map, take } from 'rxjs/operators'

• Methods to Create Observables

// 以前：
import 'rxjs/add/observable/of'
// or
import { of } from 'rxjs/observable/of'

// 現(xiàn)在：
import { of } from 'rxjs'

2. 在Rxjs6中如何使用operator操作符

// 以前：
import 'rxjs/add/operator/map'

myObservable
  .map(data => data * 2)
  .subscribe(...);
  
// 現(xiàn)在：
import { map } from 'rxjs/operators';

myObservable
  .pipe(map(data => data * 2))
  .subscribe(...);

• 特別聲明：在rxjs6中引入的pipe()方法（它實(shí)際上已經(jīng)在RxJS 5.5中添加）,pipe獲取無限量的參數(shù)，每個(gè)參數(shù)都是您想要應(yīng)用于的operator Observable, 像下邊這樣：(rxjs會(huì)按照你將它們傳遞給pipe()方法的順序執(zhí)行- 從左到右。)

import { map, switchMap, throttle } from 'rxjs/operators';

myObservable
  .pipe(map(data => data * 2), switchMap(...), throttle(...))
  .subscribe(...);

3. 重命名的operator操作符

// operator相關(guān)
catch() => catchError()

do() => tap()

finally() => finalize()

switch() => switchAll()


// Observable相關(guān)
throw() => throwError()

fromPromise() => from()  // 自動(dòng)檢測類型

后記

這個(gè)是YouTube的鏈接，如果有需要的可以看看更詳細(xì)的，傳送門在底下藍(lán)色超鏈接！

Fix your RxJS 6 Imports & Operators - What's New in RxJS 6?