第十七章 Generator函数的异步应用

基本概念

异步

  所谓异步,简单来说就是一个任务不是连续完成的,可以理解成该任务被人为分成两段,先执行第一段,然后转而执行其他任务,等做好准备后再回过头执行第二段。
  相应地,连续执行叫作同步。由于是连续执行,不能插入其他任务,所以操作系统从硬盘读取文件的这段时间,程序只能等待。

回调函数

  Javascript语言对异步编程的实现就是回调函数。所谓回调函数,就是把任务的第二段单独写在一个函数里面,等到重新执行这个任务时便直接调用这个函数。

Promise

  回调函数本身没有问题,它的问题出现在多个回调函数嵌套上。假定读取A文件之后再读取B文件,代码如下

fs.readFile(fileA, 'utf-8', function(err, data) {
      fs.readFile(fileB, 'utf-8', function(err, data) {
      //  ...
      })
})

  如果读取的是多个文件,那么就会出现多层嵌套。只要有一个操作需要修改,它的上层回调函数和下层回调函数都要跟着修改,无法管理。
  Promise对象就是为了解决这个问题而被提出的。它不是新的语法功能,而是一种新的写法,允许将回调函数的嵌套改写成链式调用。

let readFile = require('fs-readfile-promise')
readFile(fileA)
.then(function(data) {
    // ...
})
.then(function () {
    // ...
})
.catch(function(err) {
    // ...
})

可以看到,Promise的写法只是回调函数的改进,使用then方法以后,异步任务的两段执行更清楚了,除此之外,并无新意。Promise最大的问题就是代码冗余,原来的任务被Promise包装之后,无论什么操作,一眼看去都是许多then的堆积,原来的语意变得很不清楚。所以就提出了Generator函数。

Generator函数

协程

  传统的编程语言中早有异步编程的解决方案(其实是多任务的解决方案),其中一种叫作"协程",意思是多个线程互相协作,完成异步任务。
协程有点像函数,又有点像线程。它的运行流程大致如下:

  • 第一步,协程A开始执行
  • 第二步,协程A执行到一般,进入暂停状态,执行权转移到协程B中
  • 第三步,(一段时间后)协程B交还执行权
  • 第四步,协程A恢复执行
    上面流程的协程A就是异步任务,因为它分为两段(或多段)执行。
function* loadUi () {
    let result = yield loadUiAsync()
    let resp = JSON.parse(result)
    console.log(result.value)
}
function loadUiAsync () {
     // ...
     it.next()
}
let it = loadUi()
it.next()

  上面代码的函数loadUi就是一个协程,它的奥妙在于其中的yield命令。它表示执行到此处时,执行权就交给其他协程loadUiAsync。loadUiAsync执行完之后调用next方法,继续执行yield后面的代码。
  协程遇到yield命令就暂停,等到执行权返回,再从暂停的地方继续往后执行。它的最大优点是,代码的写法非常像同步操作,如果去掉yield命令几乎一模一样。

协程的Generator函数实现

  Generator函数是协程在ES6中的实现,最大特点就是可以交出函数的执行权(即暂停执行)。整个Generator函数就是一个封装的异步任务,或者说是异步任务的容器。异步操作需要暂停的地方都用yield语句注明。

Generator函数的数据交换和错误处理

  Generator函数可以暂停执行和恢复执行,这是它能封装异步任务的根本原因。除此之外,还有两个特性使它可以作为异步编程的完整解决方案:函数体内外的数据交换和错误处理机制。

function* gen(x) {
    try {
        var y = yield x+2
    } catch (e) {
        console.log(e)
    }
    return y
}
let g = gen(1)
g.next()
g.next(2)
g.throw('出错了')

上面代码的最后一行中,Generator函数体外使用指针对象的throw方法抛出的错误可以被函数体内的try...catch代码块捕获。这意味着,出错的代码与处理错误的代码实现了时间和空间上的分离,这对于异步编程无疑是很重要的。

异步任务的封装

下面看看如何使用Generator函数执行一个真实的异步任务。

let fetch = require('node-fetch')
function* gen() {
    let url = 'http://api.github.com/users/github'
    let result = yield fetch(url)
    console.log(result.bob)
}
let g = gen()
let result = g.next()
result.value.then(function(data) {
     return data.json()
}).then(function(data) {
     g.next(data)
})
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,761评论 5 460
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,953评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,998评论 0 320
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,248评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,130评论 4 356
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,145评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,550评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,236评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,510评论 1 291
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,601评论 2 310
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,376评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,247评论 3 313
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,613评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,911评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,191评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,532评论 2 342
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,739评论 2 335

推荐阅读更多精彩内容

  • 传统方法 ES6诞生以前,异步编程的方法,大概有下面四种。 回调函数 事件监听 发布/订阅 Promise对象 G...
    oWSQo阅读 788评论 0 1
  • 同步应用 简介 基本概念 Generator函数式ES6提供的一种异步编程解决方案,语法行为和传统函数完全不同.语...
    JarvanZ阅读 1,184评论 0 1
  • 简介 基本概念 Generator函数是ES6提供的一种异步编程解决方案,语法行为与传统函数完全不同。Genera...
    oWSQo阅读 507评论 0 2
  • 在此处先列下本篇文章的主要内容 简介 next方法的参数 for...of循环 Generator.prototy...
    醉生夢死阅读 1,435评论 3 8
  • 叶子是个患有严重拖延症的人,常常把事情留到不得不做的时候才去做,甚至有时候干脆火烧眉毛了,她也不做。 很多...
    精神犯困阅读 81评论 0 0