關(guān)于import(require) rxjs的簡(jiǎn)單剖析

MarvinZhang 發(fā)布于2019-08-21 17:26 / 1123人閱讀

摘要：這種改寫是為了有更好的性能更好的模塊性，更好的可調(diào)試調(diào)用堆棧，而盡量向后兼容，一些重大變化，減少。

1.簡(jiǎn)單介紹

首先先簡(jiǎn)單的介紹一下rxjs,什么是rxjs呢?!其實(shí)也就是一個(gè)針對(duì)于js的響應(yīng)式擴(kuò)展庫,以此來支持更多的響應(yīng)式操作,說白了就是擴(kuò)展了Observable的操作.目前有一個(gè)重寫的版本:Reactive-Extensions/RxJS,這是一個(gè)重寫的反應(yīng)擴(kuò)展是最新版本生產(chǎn)環(huán)境版本。這種改寫是為了有更好的性能、更好的模塊性，更好的可調(diào)試調(diào)用堆棧，而盡量向后兼容，一些重大變化，減少API。具體連接:[rxjs][1]

[1]: https://www.npmjs.com/package...

2.簡(jiǎn)單剖析

先舉個(gè)栗子,比如說你有使用Observable的map方法的需求,就想要先import進(jìn)來,如下(我這里全部導(dǎo)入了,因?yàn)镽x下帶有map.js文件,所以性質(zhì)是一樣的):

,
然后就可以使用map方法了

(這里的get方法返回的是Observable對(duì)象)
那么問題來了,它是怎么去擴(kuò)展的呢?!我們來看看map.js的源碼吧

你會(huì)看到這里對(duì)從第一個(gè)require語句中導(dǎo)入模塊對(duì)象的Observalbe的原型對(duì)象做了處理,添加了一個(gè)property,就是這個(gè)property使得所有的Observable對(duì)象都擴(kuò)展了這個(gè)property.想要繼續(xù)深入的大佬可以繼續(xù)看相對(duì)應(yīng)的這個(gè)方法的具體實(shí)現(xiàn),這里就不在多說(require的方式也是類似不再多說).有說得不對(duì)的地方還望不吝賜教

GPU云服務(wù)器云服務(wù)器寫的文件import require的用法 RxJS 引入rxjs

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/89518.html

相關(guān)文章

JavaScript - 收藏集 - 掘金

摘要：插件開發(fā)前端掘金作者原文地址譯者插件是為應(yīng)用添加全局功能的一種強(qiáng)大而且簡(jiǎn)單的方式。提供了與使用掌控異步前端掘金教你使用在行代碼內(nèi)優(yōu)雅的實(shí)現(xiàn)文件分片斷點(diǎn)續(xù)傳。 Vue.js 插件開發(fā) - 前端 - 掘金作者：Joshua Bemenderfer原文地址: creating-custom-plugins譯者：jeneser Vue.js插件是為應(yīng)用添加全局功能的一種強(qiáng)大而且簡(jiǎn)單的方式。插....

izhuhaodev 2019-08-21 11:44 評(píng)論0 收藏0
RxJS筆記

摘要：深入淺出讀書筆記遺留問題的與對(duì)應(yīng)的實(shí)際場(chǎng)景，以及在編碼中的體現(xiàn)部分測(cè)試你對(duì)時(shí)間的感覺按住我一秒鐘然后松手你的時(shí)間毫秒實(shí)現(xiàn)重置避免直接觸發(fā)事件，例如在處點(diǎn)擊然后在處實(shí)現(xiàn)獲取間隔時(shí)間你超過了的用戶的使用主要用來加載靜態(tài)資源，所 RxJS 《深入淺出RxJS》讀書筆記遺留問題 Observable的HOT與COLD對(duì)應(yīng)的實(shí)際場(chǎng)景，以及在編碼中的體現(xiàn) chapter1 html部分測(cè)...

shinezejian 2019-08-22 18:45 評(píng)論0 收藏0
angular模塊庫開發(fā)實(shí)例

摘要：模塊庫開發(fā)實(shí)例隨著前端框架的誕生，也會(huì)隨之出現(xiàn)一些組件庫，方便日常業(yè)務(wù)開發(fā)。在瀏覽器中，渲染是將模型映射到視圖的過程。然而視圖可以是頁面中的段落表單按鈕等其他元素，這些頁面元素內(nèi)部使用來表示。 angular模塊庫開發(fā)實(shí)例隨著前端框架的誕生，也會(huì)隨之出現(xiàn)一些組件庫，方便日常業(yè)務(wù)開發(fā)。今天就聊聊angular4組件庫開發(fā)流程。下圖是button組件的基礎(chǔ)文件。 showImg(htt...

JerryZou 2019-08-21 17:07 評(píng)論0 收藏0
Angular4的QuickStart—— ES6 而非TypeScript

摘要：今年月份，官方發(fā)布了新版，新版本的特性已經(jīng)有很多文章了，在此不一一贅述。組件是系統(tǒng)中最重要的基本構(gòu)造塊之一。但是由于目前不支持裝飾器語法，因此通過方法完成這一工作。本文主要是提供一個(gè)基于的，如有問題，歡迎留言探討。原文發(fā)表于本人的個(gè)人博客，地址：Angular4的QuickStart——With ES6 Not TypeScript，歡迎反饋探討。今年3月份，Angular官方發(fā)布...

jkyin 2019-08-21 11:44 評(píng)論0 收藏0
[譯]RxJS文檔03——剖析Observable

摘要：通過執(zhí)行和可以向訂閱者推送不同的通知。之后，執(zhí)行過程可能被處理掉。當(dāng)調(diào)用并得到觀察者時(shí)，在中傳入的函數(shù)將會(huì)被執(zhí)行。每次執(zhí)行都會(huì)觸發(fā)一個(gè)單獨(dú)針對(duì)當(dāng)前的運(yùn)行邏輯。通知不發(fā)出任何值，表示流的結(jié)束。原文:http://reactivex.io/rxjs/manu... Rx.Observalbe.create()或者創(chuàng)建操作符，可以創(chuàng)建（created） Observable流。Obser...

netScorpion 2019-08-20 17:30 評(píng)論0 收藏0