關於Angular6版本升級和RXJS6新特性的講解

從Angular5升級到Angular6, angular6相比較於angular5
整體變化不大,可是在RXJS上面卻有一些變更,不得不說,雖然很討厭break
update可是RXJS6的新特性對於angular應用的優化是有很大一塊空間的

快速修復

對於寫了半年多的項目,模塊已經不少了,因此不可能在升級到angular6後立刻更新全部代碼關於RXJS6的新特性,因此官方給出了一個能夠暫時延緩咱們不須要修改rsjx代碼的辦法npm

npm install --save rxjs-compat

優勢: 暫時不用改代碼,能夠一點點地改,直到改完後吧這個包卸掉優化

缺點: 對於rxjs6的rename的operator無效,因此,若是有用到rename的API,必須手動修改spa

RXJS6的變化

RXJS6改變了包的結構,主要變化在 import方式和operator 上面以及使用pipe()code

Imports 方式改變blog

799290-20180605152310883-2034617778.png

從rxjs中相似像導入observable subject 等的再也不進一步導入,而是止於rxjs, rxjs6在包的結構上進行了改變rxjs

operator的改變ip

799290-20180605153010806-1527170947.png

總而言之: 相似於建立之類的用的API都是從rxjs引入的,相似於map 之類的操做都是從rxjs/operators引入的

799290-20180605153211837-58593593.png

pipeable observableit

799290-20180605153632956-557611347.png

被從新命名的APIpip

799290-20180605154046452-773728711.png

關於更新到RXJS6老代碼要怎麼更新的後續會專門寫一篇class

相關文章
相關標籤/搜索