generator、co模塊和async三者的區(qū)別

lanffy 發(fā)布于2019-08-21 17:51 / 1402人閱讀

摘要：也就是說(shuō)，函數(shù)的執(zhí)行，與普通函數(shù)一模一樣，只要一行。表示函數(shù)里有異步操作，表示緊跟在后面的表達(dá)式需要等待結(jié)果。函數(shù)庫(kù)約定，命令后面只能是函數(shù)或?qū)ο螅瘮?shù)的命令后面，可以跟對(duì)象和原始類型的值數(shù)值字符串和布爾值，但這時(shí)等同于同步操作。

generator 特點(diǎn)

function*

可以使用yield返回多次

調(diào)用方法

使用next()執(zhí)行g(shù)enerator代碼，每次遇到y(tǒng)ield就返回一個(gè)對(duì)象{ value: x, done: true/false }，如果done為true，則value就是return的返回值，沒(méi)有return就返回undefined，如果return語(yǔ)句后面還有yield，這個(gè)generator對(duì)象就全部執(zhí)行完成，不要再繼續(xù)調(diào)用next()了

直接用for ... of循環(huán)迭代generator對(duì)象，這種方式不需要我們自己判斷done

for (var x of fib(5)) {
    console.log(x); // 依次輸出0, 1, 1, 2, 3
}

如果給next方法傳參數(shù)，那么這個(gè)參數(shù)將會(huì)作為上一次yield語(yǔ)句的返回值

function* foo(x) {
    var y = 2 * (yield (x + 1));
    var z = yield (y / 3);
    return (x + y + z);
}

var a = foo(5);
a.next() // Object{value:6, done:false}
a.next() // Object{value:NaN, done:false}
a.next() // Object{value:NaN, done:true}

var b = foo(5);
b.next() // { value:6, done:false }
b.next(12) // { value:8, done:false }
b.next(13) // { value:42, done:true }

作用

ajax的異步處理

function* main() {
    var result = yield request("http://www.filltext.com?rows=10&f={firstName}");
    console.log(result);
    //do 別的ajax請(qǐng)求;
}

co模塊 模塊思路

co 模塊的思路就是利用 generator 的這個(gè)特性，將異步操作跟在 yield 后面，當(dāng)異步操作完成并返回結(jié)果后，再觸發(fā)下一次 next() 。當(dāng)然，跟在 yield 后面的異步操作需要遵循一定的規(guī)范 thunks 和 promises。

function co(gen) {
    var it = gen();
    var ret = it.next();
    ret.value.then(function(res) {
        it.next(res);
    });
}
function sayhello() {
    return Promise.resolve("hello").then(function(hello) {
        console.log(hello);
    });
}
co(function *helloworld() {
    yield sayhello();
    console.log("world");
});

async優(yōu)點(diǎn)

內(nèi)置執(zhí)行器。 Generator 函數(shù)的執(zhí)行必須靠執(zhí)行器，所以才有了 co 函數(shù)庫(kù)，而 async 函數(shù)自帶執(zhí)行器。也就是說(shuō)，async 函數(shù)的執(zhí)行，與普通函數(shù)一模一樣，只要一行。

更好的語(yǔ)義。 async 和 await，比起星號(hào)和 yield，語(yǔ)義更清楚了。async 表示函數(shù)里有異步操作，await 表示緊跟在后面的表達(dá)式需要等待結(jié)果。

更廣的適用性。 co 函數(shù)庫(kù)約定，yield 命令后面只能是 Thunk 函數(shù)或 Promise 對(duì)象，而 async 函數(shù)的 await 命令后面，可以跟 Promise 對(duì)象和原始類型的值（數(shù)值、字符串和布爾值，但這時(shí)等同于同步操作）。

Express 和 Koa 的區(qū)別 Express

優(yōu)點(diǎn)：線性邏輯，通過(guò)中間件形式把業(yè)務(wù)邏輯細(xì)分、簡(jiǎn)化，一個(gè)請(qǐng)求進(jìn)來(lái)經(jīng)過(guò)一系列中間件處理后再響應(yīng)給用戶，清晰明了。
缺點(diǎn)：基于 callback 組合業(yè)務(wù)邏輯，業(yè)務(wù)邏輯復(fù)雜時(shí)嵌套過(guò)多，異常捕獲困難。

Koa

優(yōu)點(diǎn)：首先，借助 co 和 generator，很好地解決了異步流程控制和異常捕獲問(wèn)題。其次，Koa 把 Express 中內(nèi)置的 router、view 等功能都移除了，使得框架本身更輕量。
缺點(diǎn)：社區(qū)相對(duì)較小。