为了账号安全,请及时绑定邮箱和手机立即绑定

关于Angular6版本升级和RXJS6新特性的讲解

标签:
JavaScript

从Angular5升级到Angular6, angular6相比较于angular5 总体变化不大,但是在RXJS上面却有一些变动,不得不说,虽然很讨厌break update但是RXJS6的新特性对于angular应用的优化是有很大一块空间的

快速修复

对于写了半年多的项目,模块已经很多了,所以不可能在升级到angular6后马上更新所有代码关于RXJS6的新特性,所以官方给出了一个可以暂时延缓我们不需要修改rsjx代码的办法

npm install --save rxjs-compat

优点: 暂时不用改代码,可以一点点地改,直到改完后吧这个包卸掉

缺点: 对于rxjs6的rename的operator无效,所以,如果有用到rename的API,必须手动修改

 

RXJS6的变化

RXJS6改变了包的结构,主要变化在 import方式和operator 上面以及使用pipe()

Imports 方式改变

https://img1.sycdn.imooc.com//5b165916000113b406370173.jpg

从rxjs中类似像导入observable subject 等的不再进一步导入,而是止于rxjs, rxjs6在包的结构上进行了改变

operator的改变

https://img1.sycdn.imooc.com//5b16592d0001798806250229.jpg

 

 总而言之: 类似于创建之类的用的API都是从rxjs引入的,类似于map 之类的操作都是从rxjs/operators引入的

https://img1.sycdn.imooc.com//5b1659340001084a04980128.jpg

 

 pipeable observable

https://img1.sycdn.imooc.com//5b16593d00012f9306730275.jpg

 

 被重新命名的API

https://img1.sycdn.imooc.com//5b1659450001b1cd05890366.jpg

 

 关于更新到RXJS6老代码要怎么更新的后续会专门写一篇

作者:承蒙时光
出处:http://www.cnblogs.com/timetimetime/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 2
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消