RxJS的另外四種實(shí)現(xiàn)方式(六)——使用Stream類(lèi)實(shí)現(xiàn)

接上一篇 RxJS的另外四種實(shí)現(xiàn)方式(五)——使用生成器實(shí)現(xiàn)

該實(shí)現(xiàn)方式與之前幾種不同的捺氢,該實(shí)現(xiàn)方式僅針對(duì)Nodejs環(huán)境。在Nodejs環(huán)境中扁远,提供了Stream類(lèi)酬荞,包括Readable、Transform粟瞬、Writeable等子類(lèi)都是可擴(kuò)展的同仆。從字面上看,正好對(duì)應(yīng)Rx中的生產(chǎn)者裙品、傳遞者俗批、消費(fèi)者。

實(shí)現(xiàn)該庫(kù)的起因是市怎,一次在Nodejs中需要在koa框架里面提供event-stream功能岁忘,目前除了IE瀏覽器外其他瀏覽器都支持了服務(wù)端事件推送,這個(gè)功能可以很好的代替輪詢区匠。webpack用的熱更新就是通過(guò)這個(gè)功能實(shí)現(xiàn)的干像。

言歸正傳,首先得實(shí)現(xiàn)生產(chǎn)者驰弄,我們先來(lái)看interval

class Interval extends Readable {
    constructor(period) {
        super({ objectMode: true })
        this.period = period
        this.i = 0
    }
    _read(size) {
        setTimeout(() => this.push(this.i++), this.period)
    }
}
exports.interval = period => new Interval(period)

說(shuō)明一下麻汰,構(gòu)造函數(shù)傳入objectMode:true的對(duì)象是讓stream處于對(duì)象模式,而不是二進(jìn)制流模式戚篙。_read函數(shù)必須覆蓋父類(lèi)五鲫,否則出錯(cuò),當(dāng)有訂閱者連接上來(lái)后已球,就會(huì)調(diào)用_read方法臣镣。我們?cè)谶@個(gè)方法里面發(fā)送數(shù)據(jù),即調(diào)用push方法智亮,將數(shù)據(jù)發(fā)送給流的接收者忆某。

當(dāng)調(diào)用過(guò)push方法后,后面的接收者如果調(diào)用了callback回調(diào)阔蛉,則表示數(shù)據(jù)消費(fèi)完畢弃舒,會(huì)再次調(diào)用_read方法,直到push(null)表示生產(chǎn)者已經(jīng)complete

FromArray也十分簡(jiǎn)單易讀

class FromArray extends Readable {
    constructor(array) {
        super({ objectMode: true })
        this.array = array
        this.pos = 0
        this.size = array.length
    }
    _read(size) {
        if (this.pos < this.size) {
            this.push(this.array[this.pos++])
        } else
            this.push(null)
    }
}
exports.fromArray = array => new FromArray(array)

下面要實(shí)現(xiàn)一個(gè)轉(zhuǎn)換器(操作符)Filter

class Filter extends Transform {
    constructor(f) {
        super({ readableObjectMode: true, writableObjectMode: true })
        this.f = f
    }
    _transform(data, encoding, callback) {
        const f = this.f
        if (f(data)) {
            this.push(data);
        }
        callback();
    }
    _flush(callback) {
        callback()
    }
}
exports.filter = f => new Filter(f)

這時(shí)候我們需要覆蓋_transform、_flush函數(shù)聋呢,同樣的苗踪,push方法會(huì)讓數(shù)據(jù)流到下面的流中,而callback回調(diào)會(huì)使得上一個(gè)流繼續(xù)發(fā)送數(shù)據(jù)削锰。

最后我們來(lái)實(shí)現(xiàn)Subscriber

class Subscriber extends Writable {
    constructor(n, e, c) {
        super({ objectMode: true })
        this.n = n
        this.e = e
        this.c = c
    }
    _write(chunk, encoding, callback) {
        this.n(chunk)
        callback(null)
    }
    _final(callback) {
        this.c()
        callback()
    }
}

exports.subscribe = (n, e = noop, c = noop) => new Subscriber(n, e, c)

Subscriber是一個(gè)可寫(xiě)流通铲,我們必須覆蓋_write方法用于消費(fèi)數(shù)據(jù),_final方法用于complete事件處理器贩。這里沒(méi)有實(shí)現(xiàn)error事件颅夺。有興趣的同學(xué)可以思考如何實(shí)現(xiàn)。

最后我們需要把各種stream串起來(lái)蛹稍,變成一個(gè)長(zhǎng)長(zhǎng)的水管

exports.pipe = pipeline || ((first, ...cbs) => cbs.reduce((aac, c) => aac.pipe(c), first));

高版本的Nodejs已經(jīng)提供了pipeline方法吧黄,可以直接使用,低版本的話唆姐,可以用上面的方法進(jìn)行連接拗慨。

至此,我們已經(jīng)使用Nodejs提供的Stream類(lèi)實(shí)現(xiàn)了Rx的基本邏輯奉芦。(完)

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末赵抢,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子仗阅,更是在濱河造成了極大的恐慌昌讲,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,968評(píng)論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件减噪,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡车吹,警方通過(guò)查閱死者的電腦和手機(jī)筹裕,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,601評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)窄驹,“玉大人朝卒,你說(shuō)我怎么就攤上這事±植海” “怎么了抗斤?”我有些...
    開(kāi)封第一講書(shū)人閱讀 153,220評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)丈咐。 經(jīng)常有香客問(wèn)我瑞眼,道長(zhǎng),這世上最難降的妖魔是什么棵逊? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,416評(píng)論 1 279
  • 正文 為了忘掉前任伤疙,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘徒像。我一直安慰自己黍特,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,425評(píng)論 5 374
  • 文/花漫 我一把揭開(kāi)白布锯蛀。 她就那樣靜靜地躺著灭衷,像睡著了一般。 火紅的嫁衣襯著肌膚如雪旁涤。 梳的紋絲不亂的頭發(fā)上今布,一...
    開(kāi)封第一講書(shū)人閱讀 49,144評(píng)論 1 285
  • 那天,我揣著相機(jī)與錄音拭抬,去河邊找鬼部默。 笑死,一個(gè)胖子當(dāng)著我的面吹牛造虎,可吹牛的內(nèi)容都是我干的傅蹂。 我是一名探鬼主播,決...
    沈念sama閱讀 38,432評(píng)論 3 401
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼算凿,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼份蝴!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起氓轰,我...
    開(kāi)封第一講書(shū)人閱讀 37,088評(píng)論 0 261
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤婚夫,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后署鸡,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體案糙,經(jīng)...
    沈念sama閱讀 43,586評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,028評(píng)論 2 325
  • 正文 我和宋清朗相戀三年靴庆,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了时捌。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,137評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡炉抒,死狀恐怖奢讨,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情焰薄,我是刑警寧澤拿诸,帶...
    沈念sama閱讀 33,783評(píng)論 4 324
  • 正文 年R本政府宣布,位于F島的核電站塞茅,受9級(jí)特大地震影響亩码,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜凡桥,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,343評(píng)論 3 307
  • 文/蒙蒙 一蟀伸、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦啊掏、人聲如沸蠢络。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,333評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)刹孔。三九已至,卻和暖如春娜睛,著一層夾襖步出監(jiān)牢的瞬間髓霞,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,559評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工畦戒, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留方库,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,595評(píng)論 2 355
  • 正文 我出身青樓障斋,卻偏偏與公主長(zhǎng)得像纵潦,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子垃环,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,901評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容