ES6 異步編程之三：Generator續(xù)

JiaXinYi 發(fā)布于2019-08-20 14:14 / 2950人閱讀

摘要：前言在異步編程之一中實(shí)現(xiàn)了一個(gè)異步函數(shù)調(diào)用鏈，它是一個(gè)順序調(diào)用鏈，很類似責(zé)任鏈模式，但現(xiàn)實(shí)往往不是平鋪直敘的，更多的其實(shí)是峰回路轉(zhuǎn)，本文將繼續(xù)討論更多的用法。

前言

在《ES6 異步編程之一：Generator》中實(shí)現(xiàn)了一個(gè)異步函數(shù)調(diào)用鏈，它是一個(gè)順序調(diào)用鏈，很類似責(zé)任鏈模式，但現(xiàn)實(shí)往往不是平鋪直敘的，更多的其實(shí)是峰回路轉(zhuǎn)，本文將繼續(xù)討論更多Generator的用法。

作為函數(shù)的Generator

在之前的示例中，我們更多的是把生成器作為一個(gè)迭代器來(lái)循環(huán)調(diào)用每個(gè)函數(shù)，但忽視了生成器也是個(gè)函數(shù)，意味著生成器內(nèi)部可以實(shí)現(xiàn)復(fù)雜的業(yè)務(wù)邏輯，以下的代碼通過(guò)yield等待文件讀取結(jié)果并對(duì)結(jié)果進(jìn)行特定的處理，

    function* generator() {
        let r1 = yield get("a");
        if (r1) {
            let r2 = yield get("b");
            if (r2) {
                console.log(yield get("d"));
            }
        } else {
            console.log(yield get("c"));
        }
    }
    
    let g = generator();
    g.next();

如果get是個(gè)異步調(diào)用，以上的代碼想要能夠執(zhí)行則需要get函數(shù)執(zhí)行得到結(jié)果后調(diào)用生成器的next方法來(lái)推進(jìn)，這要求get函數(shù)能持有生成器對(duì)象，這顯然并不容易。

偏函數(shù)

偏函數(shù)(Partial Function)是對(duì)函數(shù)定義域的子集定義的函數(shù)，形式上就是指定任意部分參數(shù)生成一個(gè)新的函數(shù)，如下：

    function sum(a, b, c) {
        return a + b + c;
    }
    
    function sum1(a) {
        return function(b, c) {
            return a + b + c;
        };
    }
    
    function sum2(a, b) {
        return function(c) {
            return a + b + c;
        };
    }
    
    sum(1, 2, 3) == sum1(1)(2, 3); //true
    sum(1, 2, 3) == sum2(1, 2)(3); //true

一般在設(shè)計(jì)異步調(diào)用api時(shí)，我們總是聲明一個(gè)參數(shù)來(lái)接收回調(diào)函數(shù)，當(dāng)和偏函數(shù)相結(jié)合就變成這樣：

    function get(f, callback) {
        delay(100, function(s) {
            callback(s + ":get " + f);
        });
    }
    
    get("a", func);  //調(diào)用get時(shí)必須立即傳入一個(gè)函數(shù)
    
    //轉(zhuǎn)換成偏函數(shù)形式：
    function partialGet(f) {
        return function(callback) {
            delay(100, function(s) {
                callback(s + ":get " + f);
            });
        };
    }
    
    let pGet = partialGet("a");   //可以先生成一個(gè)函數(shù)
    pGet(func);  //需要時(shí)再傳入回調(diào)函數(shù)執(zhí)行

從上面的例子中可以發(fā)現(xiàn)，偏函數(shù)能使定義和執(zhí)行分離，說(shuō)來(lái)巧了，生成器可用于定義業(yè)務(wù)邏輯而生成器的next用于推進(jìn)業(yè)務(wù)執(zhí)行，二者也是相互分離的。

生成器和偏函數(shù)

基于前面這么多鋪墊，假設(shè)get就是一個(gè)偏函數(shù)，如下：

    function get(f) {
        return function(callback) {
            delay(100, function(s) {
                callback(s + ":get " + f);
            });
        };
    }

這意味著，yield get("a")使得next函數(shù)執(zhí)行的結(jié)果其value屬性值是個(gè)函數(shù)，該函數(shù)的參數(shù)是一個(gè)能接收get異步結(jié)果的回調(diào)函數(shù)，即：

    g.next().value(function(value) {
        g.next(value); //value成為yield的返回并繼續(xù)推進(jìn)業(yè)務(wù)邏輯
    });

通過(guò)遞歸可以不斷的執(zhí)行生成器的next方法，一個(gè)全新的通過(guò)生成器來(lái)實(shí)現(xiàn)業(yè)務(wù)邏輯的run方法便呼之欲出了，

function run(gen) {
    let g = gen();

    function next(lastValue) {
        let result = g.next(lastValue); //將上一個(gè)異步執(zhí)行結(jié)果傳出給當(dāng)前的yield并執(zhí)行下一個(gè)yield
        if (result.done) {
            return result.value;
        }
        //value是偏函數(shù)返回的新函數(shù)，它的參數(shù)是個(gè)用來(lái)接收異步結(jié)果的回調(diào)函數(shù)
        result.value(next);  //next作為接收異步結(jié)果的回調(diào)函數(shù)
    }

    next();
}

run(generator);

綜合以上例子不難發(fā)現(xiàn)另外一個(gè)好處，通過(guò)偏函數(shù)可以使異步調(diào)用api不受生成器的侵入，《ES6 異步編程之一：Generator》中實(shí)現(xiàn)的異步調(diào)用需要將生成器作為參數(shù)，有興趣的話你可以嘗試改造一下之前的示例。

現(xiàn)在通過(guò)新編寫(xiě)的run函數(shù)就可以來(lái)執(zhí)行本文一開(kāi)始編寫(xiě)的那個(gè)生成器了。

thunkify

偏函數(shù)的方案對(duì)api和生成器也是有侵入的，他要求：

api必須是偏函數(shù)形式；

生成器定義業(yè)務(wù)邏輯，每個(gè)yield 后面的函數(shù)必須是調(diào)用偏函數(shù)；

第二個(gè)問(wèn)題是本方案的核心機(jī)制所要求，但第一個(gè)問(wèn)題我們可以通過(guò)thunkify來(lái)解決，api依舊按照get(value, callback)方式定義，但定義生成器時(shí)需要將異步api調(diào)用通過(guò)thunkify轉(zhuǎn)換為偏函數(shù)，如下：

    let Thunkify = require("thunkify");
    
    let thunkifiedGet = Thunkify(get);
    
    function get(f, callback) {
        delay(100, function(s) {
            callback(s + ":get " + f);
        });
    
    }
    
    function* generator() {
        let r1 = yield thunkifiedGet("a");
        if (r1) {
            let r2 = yield thunkifiedGet("b");
            if (r2) {
                console.log(yield thunkifiedGet("d"));
            }
        } else {
            console.log(yield thunkifiedGet("c"));
        }
    }

GPU云服務(wù)器云服務(wù)器異步編程 python異步編程 js異步編程 javascript異步編程

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/81484.html

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

登陸后可評(píng)論

0條評(píng)論

JiaXinYi

男|高級(jí)講師

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

TA的文章

十年老Python程序員：給我一個(gè)鏈接，沒(méi)有我不能爬的視頻，只有我頂不住的視頻

閱讀 852·2021-11-24 09:38
快云科技：香港CN2年付5折特惠，2核2G/20Mbps，低至388元/年

閱讀 1061·2021-11-11 11:01
格局大變？阿里發(fā)布自研 CPU 倚天710、通用服務(wù)器，挑戰(zhàn)浪潮、新華三、華為？

閱讀 3324·2021-10-19 13:22
云主機(jī)有什么作用-云主機(jī)到底有什么作用？

閱讀 1597·2021-09-22 15:23
FastAdmin 簡(jiǎn)介

閱讀 2921·2021-09-08 09:35
幾行代碼輕松實(shí)現(xiàn)瀑布流顯示。

閱讀 2829·2019-08-29 11:31
JS-實(shí)現(xiàn)入棧出棧

閱讀 2194·2019-08-26 11:47
愛(ài)搞事情的webpack

閱讀 1625·2019-08-26 11:44

成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲中文字幕日韩无码

資訊專欄INFORMATION COLUMN

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

ES6 異步編程之三：Generator續(xù)

相關(guān)文章

談?wù)?em>ES6前后的異步編程

ES6&ES7中的異步之Generator函數(shù)與異步編程

**JavaScript異步操作（續(xù)）**

***ES6* 異步編程之一：*Generator***

ES6中的異步編程：Generators函數(shù)+Promise:最強(qiáng)大的異步處理方式

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

0條評(píng)論

JiaXinYi

男|高級(jí)講師

TA的文章

十年老Python程序員：給我一個(gè)鏈接，沒(méi)有我不能爬的視頻，只有我頂不住的視頻

快云科技：香港CN2年付5折特惠，2核2G/20Mbps，低至388元/年

格局大變？阿里發(fā)布自研 CPU 倚天710、通用服務(wù)器，挑戰(zhàn)浪潮、新華三、華為？

云主機(jī)有什么作用-云主機(jī)到底有什么作用？

FastAdmin 簡(jiǎn)介

幾行代碼輕松實(shí)現(xiàn)瀑布流顯示。

JS-實(shí)現(xiàn)入棧出棧

愛(ài)搞事情的webpack

最新活動(dòng)

資訊專欄INFORMATION COLUMN

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

ES6 異步編程之三：Generator續(xù)

相關(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)！