rxjs5與rxjs6對比
阿新 • • 發佈:2018-12-12
RxJS5 版本
引入方式為:
import { Observable } from 'rxjs/Observable'; // 1. 按需打包,減輕bundle.js大小
import 'rxjs/add/observable/of'; // 2. 按需匯入函式,如of
import 'rxjs/add/operator/map';
const squares$: Observable<number> = Observable.of(1,2).map(n => n * n);
RxJS5.5 版本
import { Observable } from 'rxjs/Observable';
import { of } from 'rxjs/observable/of';
import { map } from 'rxjs/operators';
const squares$: Observable<number> = of(1,2).pipe(map(n => n * n);)
RxJS 6.0
import { Observable, of } from 'rxjs';
import { map } from 'rxjs/operators';
const squares$:Observable<number> = of(1, 2).pipe(
map(n => n * n)
)
RxJS 的 import 路徑有以下 5 種:
- 建立 Observable 的方法、types、schedulers 和一些工具方法
import { Observable, Subject, asapScheduler, pipe, of, from, interval, merge, fromEvent, SubscriptionLike, PartialObserver } from 'rxjs';
- 操作符 operators
import { map, filter, scan } from 'rxjs/operators';
- webSocket
import { webSocket } from 'rxjs/webSocket';
- ajax
import { ajax } from 'rxjs/ajax';
- 測試
import { TestScheduler } from 'rxjs/testing';