理解thunk函數(shù)的作用及co的實(shí)現(xiàn)

張巨偉發(fā)布于2019-08-21 18:36 / 2903人閱讀

摘要：從形式上將函數(shù)的執(zhí)行部分和回調(diào)部分分開(kāi)，這樣我們就可以在一個(gè)地方執(zhí)行執(zhí)行函數(shù)，在另一個(gè)地方執(zhí)行回調(diào)函數(shù)。這樣做的價(jià)值就在于，在做異步操作的時(shí)候，我們只需要知道回調(diào)函數(shù)執(zhí)行的順序和嵌套關(guān)系，就能按順序取得執(zhí)行函數(shù)的結(jié)果。

thunk

thunk 從形式上將函數(shù)的執(zhí)行部分和回調(diào)部分分開(kāi)，這樣我們就可以在一個(gè)地方執(zhí)行執(zhí)行函數(shù)，在另一個(gè)地方執(zhí)行回調(diào)函數(shù)。這樣做的價(jià)值就在于，在做異步操作的時(shí)候，我們只需要知道回調(diào)函數(shù)執(zhí)行的順序和嵌套關(guān)系，就能按順序取得執(zhí)行函數(shù)的結(jié)果。

以下是 thunk 的簡(jiǎn)單實(shí)現(xiàn)：

function thunkify (fn) {
    return function () {
        var args = Array.prototype.slice(arguments);
        var ctx = this;

        return function (done) {
            var called = false;
            args.push(function() {
                if (called) return;
                called = true;
                done.apply(null, arguments);
            });
            try {
                fn.apply(ctx, args);
            } catch (err) {
                done(err);
            }
        }
    }
}

上面的實(shí)現(xiàn)將函數(shù)原有的執(zhí)行變?yōu)榘础皥?zhí)行部分”和“回調(diào)部分”分別執(zhí)行的方式：

fn(a, callback) => thunkify(fn)(a)(callback)

例如：

var fs = require("fs");
var readFile = thunkify(fs.readFile); // 將readFile函數(shù)包進(jìn)thunkify，變?yōu)閠hunkify函數(shù)

//**這是執(zhí)行函數(shù)集合**//
var f1 = readFile("./a.js");
var f2 = readFile("./b.js");
var f3 = readFile("./c.js");

//**這是回調(diào)函數(shù)集合**//
//利用嵌套控制f1 f2執(zhí)行的順序
f1(function(err, data1) {
    // doSomething
    f2(function(err, data2) {
        // doSomething
        f3(function (err, data3) {
            // doSomething
        })
    })
})

而傳統(tǒng)的寫(xiě)法為：

//傳統(tǒng)寫(xiě)法
fs.readFile("./a.js", function(err, data1) {
    // doSomething
    fs.readFile("./b.js", function(err, data2) {
        // doSomething
        fs.readFile("./c.js", function(err, data3) {
            // doSomething
        })
    })
})

在執(zhí)行部分和回調(diào)部分分開(kāi)之后，就可以使用generator等異步控制技術(shù)方便地進(jìn)行流程控制，避免回調(diào)黑洞。上述的文件讀取流程就可以用generator進(jìn)行改造：

var fs = require("fs");
var readFile = thunkify(fs.readFile);

//**函數(shù)的‘執(zhí)行部分’放在一起執(zhí)行**//
var gen = function* () {
    var data1 = yield readFile("./a.js");
    // 用戶(hù)獲取數(shù)據(jù)后自定義寫(xiě)在這里
    console.log(data1.toString());
    
    var data2 = yield readFile("./b.js");
    // 用戶(hù)獲取數(shù)據(jù)后自定義寫(xiě)在這里
    console.log(data2);
    ····
}

// 函數(shù)的‘回調(diào)部分’在另一個(gè)地方執(zhí)行，且調(diào)用的形式都一樣
var g = gen();
var d1 = g.next(); // 返回的結(jié)果為{value: func, done: boolean}

// 執(zhí)行value，實(shí)際為執(zhí)行`d1.value(callback)`
// 也即`thunkify(fs.readFile)("./a.js")(callback)`
d1.value(function(err, data) {
    if (err) throw err;
    // g.next(data) 可以將參數(shù)data傳回generator函數(shù)體，作為上一個(gè)階段異步任務(wù)的執(zhí)行結(jié)果
    // 例子中，data被傳回了gen函數(shù)體，作為data1的值
    var d2 = g.next(data);
    d2.value(function(err, data2) {
        if (err) throw err;
        g.next(data2);
    });
});

在上述的改造中發(fā)現(xiàn)，執(zhí)行回調(diào)部分的時(shí)候，依舊存在回調(diào)嵌套：d2.value在d1.value的回調(diào)中執(zhí)行。觀察后發(fā)現(xiàn)，其實(shí)在執(zhí)行回調(diào)的時(shí)候，也就是g在執(zhí)行next()的時(shí)候，執(zhí)行的形式基本相同，都是：

d.value(function(err, data) {
    if (err) throw err;
    g.next(data);
});

這種形式，所以可以通過(guò)編寫(xiě)一個(gè)遞歸函數(shù)來(lái)整理流程。

function run(fn) {
    var g = fn();
    
    // 下一步控制函數(shù)，實(shí)際就是d.value的回調(diào)函數(shù)
    function next(err, data) {
        // 把前面一個(gè)數(shù)據(jù)給傳遞到gen()函數(shù)里面
        var result = g.next(data);
        // 判斷是否結(jié)束
        if (result.done) return;
        // 下一句執(zhí)行回調(diào)next的時(shí)候 不斷的遞歸
        result.value(next);
    }
    // 執(zhí)行第一步
    next();
}

// 使用
run(gen);

上面代碼中的過(guò)程很好理解，就是把gen放到一個(gè)遞歸器中去執(zhí)行，在這個(gè)遞歸器中有一個(gè)核心的函數(shù)next，這個(gè)函數(shù)就是遞歸函數(shù)。當(dāng)函數(shù)中的g.next(data)返回的done屬性值為true，就表示當(dāng)前生成器函數(shù)中的yield已經(jīng)執(zhí)行完畢，退出就OK。當(dāng)不為true，表示當(dāng)前生成器函數(shù)還有未執(zhí)行的yield，于是繼續(xù)調(diào)用next函數(shù)繼續(xù)執(zhí)行同樣的流程。

而上述的流程就是異步流控制庫(kù)co的簡(jiǎn)單實(shí)現(xiàn)。

云服務(wù)器 GPU云服務(wù)器 js中函數(shù)參數(shù)的作用云計(jì)算的理解 cdn的理解對(duì)大數(shù)據(jù)的理解

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

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

發(fā)表評(píng)論

登陸后可評(píng)論

0條評(píng)論

張巨偉

男|高級(jí)講師

我要關(guān)注我要私信

TA的文章

tensorflow與keras

閱讀 2090·2023-04-25 19:15
K8s對(duì)pod進(jìn)行網(wǎng)絡(luò)抓包

閱讀 2270·2021-11-23 09:51
基于Springboot實(shí)現(xiàn)在線打印平臺(tái)

閱讀 1275·2021-11-17 09:33
RackNerd：VPS、虛擬主機(jī)全場(chǎng)75折優(yōu)惠，推薦幾款性?xún)r(jià)比較高的套餐

閱讀 2180·2021-08-26 14:15
jsu系列之表格組件 ---- jsu.Table

閱讀 2495·2019-08-30 15:54
雙飛翼布局

閱讀 1592·2019-08-30 15:54
Css文件引用的最優(yōu)方法

閱讀 2178·2019-08-30 12:50
擼個(gè)查詢(xún)物流的小程序，歡迎體驗(yàn)

閱讀 1147·2019-08-29 17:08

成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

理解thunk函數(shù)的作用及co的實(shí)現(xiàn)

相關(guān)文章

co模塊用法及分析

Node.js 異步異聞錄

JavaScript 異步隊(duì)列及Co實(shí)現(xiàn)

co-parallel & co-gather源碼解析

《Node.js設(shè)計(jì)模式》基于ES2015+的回調(diào)控制流

發(fā)表評(píng)論

0條評(píng)論

張巨偉

男|高級(jí)講師

TA的文章

tensorflow與keras

K8s對(duì)pod進(jìn)行網(wǎng)絡(luò)抓包

基于Springboot實(shí)現(xiàn)在線打印平臺(tái)

RackNerd：VPS、虛擬主機(jī)全場(chǎng)75折優(yōu)惠，推薦幾款性?xún)r(jià)比較高的套餐

jsu系列之表格組件 ---- jsu.Table

雙飛翼布局

Css文件引用的最優(yōu)方法

擼個(gè)查詢(xún)物流的小程序，歡迎體驗(yàn)

最新活動(dòng)

資訊專(zhuān)欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

理解thunk函數(shù)的作用及co的實(shí)現(xiàn)

相關(guān)文章

發(fā)表評(píng)論

0條評(píng)論

男|高級(jí)講師

TA的文章

最新活動(dòng)

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！