摘要:當(dāng)運(yùn)行到時(shí),不會(huì)暫停,而是直接跳進(jìn)函數(shù)執(zhí)行函數(shù)內(nèi)的代碼。由于函數(shù)中沒有,因此會(huì)一直執(zhí)行完函數(shù)中的代碼,并返回至函數(shù)中執(zhí)行后面的代碼。
本系列旨在通過對(duì)co,koa等庫(kù)源碼的研究,進(jìn)而理解generator在異步編程中的重大作用(ps:所有代碼請(qǐng)?jiān)趎ode --harmony或者iojs環(huán)境中運(yùn)行)
koa中間件的形式相信用過koa的小伙伴一定很熟悉下面這段代碼
var app = require("koa")(), router = require("koa-router")(); app.use(function *(next){ console.log(1); yield next; console.log(5); }); app.use(function *(next){ console.log(2); yield next; console.log(4); }); app.use(function *(){ console.log(3); }); app.listen(3000);
當(dāng)一個(gè)請(qǐng)求到達(dá)的時(shí)候,控制臺(tái)會(huì)依次輸出1 2 3 4 5,這就是koa中強(qiáng)大的middleware特性,撇開koa本身,我們來(lái)扯扯middleware這東西是怎么實(shí)現(xiàn)的
yield *iterator不熟悉generator和iterator的小伙伴可以先看下阮一峰先生編寫的《ES6入門》的generator函數(shù)這一節(jié)
假設(shè)你已經(jīng)熟悉了generator和iterator,現(xiàn)在我們來(lái)看一段代碼
function *m1(){ console.log(1); yield *m2Iterator; console.log(3); } function *m2(){ console.log(2); } var m1Iterator = m1(), m2Iterator = m2(); m1Iterator.next();//
上面代碼運(yùn)行后,控制臺(tái)會(huì)依次輸出1 2 3,這是因?yàn)樵?b>m1函數(shù)內(nèi)部,yield后面跟的是一個(gè)iterator。
m1Iterator.next()調(diào)用后,m1函數(shù)開始執(zhí)行。
當(dāng)m1運(yùn)行到yield *m2Iterator時(shí),不會(huì)暫停,而是直接跳進(jìn)m2函數(shù)執(zhí)行m2函數(shù)內(nèi)的代碼。
由于m2函數(shù)中沒有yield,因此會(huì)一直執(zhí)行完m2函數(shù)中的代碼,并返回至m1函數(shù)中執(zhí)行yield *m2Iterator后面的代碼。
理解了上面的過程后,我們接著看下面這段代碼
function *m1(){ console.log(1); yield *m2(); console.log(5); } function *m2(){ console.log(2); yield *m3(); console.log(4); } function *m3(){ console.log(3); } m1().next(); //控制臺(tái)依次輸出1 2 3 4 5
是不是形式跟我們一開始看到的koa的中間件有點(diǎn)接近了?
composecompose是koa里用來(lái)實(shí)現(xiàn)中間件機(jī)制的模塊
compose函數(shù)最關(guān)鍵的一段代碼
while(i--){ next = middleware[i].call(this, next); } yield *next;
這段代碼把middleware中傳進(jìn)來(lái)的generator數(shù)組逆序取出并依次執(zhí)行,每次執(zhí)行的時(shí)候把上次generator執(zhí)行返回的iterator當(dāng)作參數(shù)傳進(jìn)去,所有generator執(zhí)行完之后,調(diào)用第一個(gè)iterator
因此,在generator中間件函數(shù)中,其實(shí)yield后面跟的是個(gè)iterator,即yield *next
下面用一個(gè)例子來(lái)說(shuō)明這個(gè)過程
function *m1(next){ console.log(1); yield *next; console.log(5); } function *m2(next){ console.log(2); yield *next; console.log(4); } function *m3(){ console.log(3); } var gen = compose([m1, m2, m3]), it = gen(); //compose([m1, m2, m3])()可以想象成它做了這么一些事(偽代碼): //1 var it3 = m3(); //2 var it2 = m2(it3); //3 var it1 = m1(it2); //4 gen = function(){ // yield *it1; // } it.next(); //控制臺(tái)依次輸出1 2 3 4 5
現(xiàn)在就很像koa的中間件的寫法了。唯一的差別是koa中使用的是yeild next而我們這里用的是yield *next
其實(shí)在koa中yeild next和yeild *next效果是等價(jià)的,這主要得益于co庫(kù),我們以后再來(lái)好好扯扯這小玩意~
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/85694.html
摘要:前言被認(rèn)為是第二代,它最大的特點(diǎn)就是獨(dú)特的中間件流程控制,是一個(gè)典型的洋蔥模型。這段代碼就很巧妙的實(shí)現(xiàn)了兩點(diǎn)將一路傳下去給中間件將中的下一個(gè)中間件作為未來(lái)的返回值這兩點(diǎn)也是洋蔥模型實(shí)現(xiàn)的核心。 前言 koa被認(rèn)為是第二代node web framework,它最大的特點(diǎn)就是獨(dú)特的中間件流程控制,是一個(gè)典型的洋蔥模型。koa和koa2中間件的思路是一樣的,但是實(shí)現(xiàn)方式有所區(qū)別,koa2在...
摘要:?jiǎn)?dòng)流程主要的啟動(dòng)流程就是下面的步引入包實(shí)例化編寫中間件監(jiān)聽服務(wù)器引入包引入包其實(shí)就是引入的一個(gè)繼承于原生的類的類其中就包含了等原型方法實(shí)例化執(zhí)行,將等對(duì)象封裝在實(shí)例中編寫中間件首先判斷的類型,不是方法直接拋錯(cuò)是生成器函數(shù)的話用封裝是函數(shù) 啟動(dòng)流程 koa 主要的啟動(dòng)流程就是下面的 4 步:引入 koa 包 => 實(shí)例化 koa => 編寫中間件 => 監(jiān)聽服務(wù)器 const koa ...
摘要:任何一層報(bào)錯(cuò),都能用捕獲總結(jié)是一個(gè)非常輕量級(jí)的框架,只實(shí)現(xiàn)了中間件處理流程和對(duì)對(duì)象的封裝。其他的功能都由外部中間件提供。 koa 的中間件機(jī)制巧妙的運(yùn)用了閉包和 async await 的特點(diǎn),形成了一個(gè)洋蔥式的流程,和 JS 的事件流 (捕獲 -> target -> 冒泡) 相似 handleRequest(ctx, fnMiddleware) { const res ...
摘要:注是先前版本處理異步函數(shù)的方式,通過可以將異步函數(shù)封裝成,傳入普通參數(shù)后形成僅需要參數(shù)的偏函數(shù),以此簡(jiǎn)化調(diào)用代碼目前中的偏函數(shù)已經(jīng)被無(wú)情地化了。 前幾天研究了TJ的koa/co4.x和一系列koa依賴的源碼,在知乎上做出了人生首次回答(而且我真得再也不想去知乎回答技術(shù)問題了_(:з」∠)_),因此把文字搬到這里。 ES2015 Generator/Yield 關(guān)于Generator...
摘要:現(xiàn)在我們從實(shí)現(xiàn)一個(gè)簡(jiǎn)易的方法開始探索其中的機(jī)制。其中內(nèi)部的可以將上一個(gè)的返回值傳遞給外部。一言以蔽之實(shí)現(xiàn)了遞歸調(diào)用的方法。當(dāng)執(zhí)行到的中間件沒有時(shí)并且返回的為時(shí)逆序執(zhí)行。 本文發(fā)布在github.com/ssssyoki,歡迎star,issues共同交流。 Koa是基于Node.js的下一代web開發(fā)框架,相比Express更輕,源碼只有幾百行。與傳統(tǒng)的中間件不同,在Koa 1.x中采...
閱讀 2424·2021-09-08 09:45
閱讀 3364·2021-09-08 09:45
閱讀 3111·2019-08-30 15:54
閱讀 3361·2019-08-26 13:54
閱讀 1418·2019-08-26 13:26
閱讀 1396·2019-08-26 13:23
閱讀 920·2019-08-23 17:57
閱讀 2190·2019-08-23 17:14