rxjs5与rxjs6对比

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 种：

1. 创建 Observable 的方法、types、schedulers 和一些工具方法

import { Observable, Subject, asapScheduler, pipe, of, from, interval, merge, fromEvent, SubscriptionLike, PartialObserver } from 'rxjs';

2. 操作符 operators

import { map, filter, scan } from 'rxjs/operators';

3. webSocket

import { webSocket } from 'rxjs/webSocket';

4. ajax

import { ajax } from 'rxjs/ajax';

5. 测试

import { TestScheduler } from 'rxjs/testing';