Promise & Generator——幸福地用同步要领写异步JavaScript

2024年4月1日 152次阅读 来源: harryfyodor

最近在写一个自身的网站的时刻（能够观赏一下~Colors），在无意识顶用callback写了一段嵌套了5重回调函数的恐怖的代码。回过神来的时刻被自身吓了一跳，这可不可啊，丑得没法看啊！因而盘算尝试一下一些盛行的异步的解决计划。经由一番折腾以后…我终究找到了一个令自身惬意的计划了（爱不释手）。不过在正式引见它之前先扯一些其他的相干学问先吧！

1. JavaScript异步解决计划有哪一些

实在异步JavaScript已不是什么高等的东西了，Nodejs的涌现，特别是callback hell使人恐惊的写法已胜利倒逼出了许多很棒的解决计划。在这里看尤雨溪大神的这篇小漫笔，异常精简扼要地引见了当前经常运用的async.js, Promise, co, async/await。个人发起有时机能够都试一下看看。而从个人的角度，我可能会以以下的规范来挑选（个人喜欢）：

  1. 须要写爬虫之类控制并发数的我会用async.js；它的有一些API照样很轻易的。

  2. 写前端的代码的时刻可能会比较倾向于斟酌Promise，由于平常来说前端的异步场景除了ajax以外貌似也不是许多了。而且之前运用过isomorphic-fetch，以为很棒。能够看我之前的文章~

  3. 后端代码nodejs，那就非co莫属了。依据尤雨溪大神的说法，es7的async/await也只是Promise & Generator的语法糖罢了。而co，就是连系了Promise和Generator的神平常的库。而本篇文章重要就是讲co连系Promise和Generator的异步解决要领。

2. Promise & Generator简朴入门

ES6是个好东西，个中的Promise和Generator能够说是英华的部份之一了。下面简朴引见入门一下Promise以及Generator。这一小节的引见会很简朴，而且也只是这两个新特征的一部份，然则提到的点都是本篇文章所须要的。固然，从进修的角度，应当找书去完整相识一下这两个特征，最少有个印象吧~个人以为ES6的进修能够去读NCZ的Understanding ECMAScript6或许阮一峰大神的ES6规范入门，都有电子书，很棒！前者言语比较浅显易懂，生动有趣，后者会越发细致，有条理一些。假如您已对这些特征管窥蠡测的话，那就不必看这一小节了~

2.1 Promise

Promise有许多版本，也有许多完成的库，然则这里重假如引见ES6规范的内容。假如浏览以下几条特征以为不懂的话发起先看看上面两本书响应的章节。

  1. 关于promise，首先要意想到它是一种对象。这类对象能够用Promise组织函数来建立，也能够经由过程Nodejs自身一些默许的返返来猎取这类对象。

  2. promise对象有三种状况：Pending，Fulfilled，Rejected。离别对应着未最先的状况，胜利的状况，以及失利的状况。

  3. 这类对象经常封装着异步的要领。在异步要领内里，经由过程resolve和reject来划定什么时刻算是胜利，什么时刻算是毛病，同时传参数给这两个函数。这些参数就是异步获得的效果或许毛病。

  4. 异步有胜利的时刻，也有毛病的时刻。对象经由过程then和catch要领来划定异步完毕以后的操纵（正确处置惩罚函数/毛病处置惩罚函数）。而then和catch是Promise.prototype上的函数，因而“实例化”以后（实在并不是真正的实例）能够直接运用。

  5. 这个promise对象另有一个奇异的处所，就是能够级联。每个then内里返回一个promise对象，就又像上面所提的那样，有异步就守候异步，然后挑选出划定好的正确处置惩罚函数照样毛病处置惩罚函数。

2.2 Generator

Generator函数是一个带星星函数，而且是一个能够停息的函数。

  1. 函数的内部经由过程yield来推动函数。经由过程定义yield背面的值来决议返回的value。

  2. 函数返回一个遍历器，这个遍历器有一个next要领，能够猎取一个对象，这个对象就包括了yield定义好的参数。

关于ES6的学问的别的特征就不谈了，对写同（yi）步代码的话控制以上这些已足够了。

3. Co

噔噔噔噔！奇异的Co上台了！这是一个tj大神写的库。运用要领很简朴，在Github上的README也讲得很清晰了。重要就是两点：

  1. Co函数内里包裹一个generator函数，在generator函数内里能够yield promise对象，从而到达异步的目标。在Co的内部完成内里是经由过程递归挪用next函数，把每个promise的值返回出来，从而完成异步转“同步”的写法。

  2. Co函数返回一个promise对象，能够挪用then，catch要领来对Generator函数返回的效果举行通报。轻易举行后续的胜利处置惩罚或许毛病处置惩罚。

4. 如何用同步的写法写异步的代码

下面展现一段异步处置惩罚的代码，能够看到，同步的写法写异步真的很爽…

function *foo(res, name, newPassword, oldPassword) {
  try {
    // yield一个promise对象，假如有毛病就会被背面的catch捕捉到，胜利就会返回user。
    const user = yield new Promise(function(resolve, reject) {
      // 罕见的数据库读取星系
      User.get(name, function(err, user) {
        if(err) reject(err)
        resolve(user)
      })
    })

    if(user.password != oldPassword) {
      return res.send({errorMsg:"暗码输入毛病！"})
    }

    // 看到这一个异步函数和上一个的异步在写法上是基本上“同步”的，没有了互相嵌套，很文雅~也越发轻易了debug~
    yield new Promise(function(resolve, reject) {
      User.update(name, newPassword, function(err) {
        if(err) reject(err)
        res.send({msg: "你胜利替换暗码了！"})
        resolve()
      })
    })

  } catch(e) {
    console.log("Error:", e)
    return res.send({errorMsg:"Setting Fail!"})
  }
}

// 运用的话就直接挪用co包括对应的Generator函数即可。
co(foo(res, name, newPassword, oldPassword))

5. 总结

合适运用场景的要领才是最好的要领。然则当你在写Node的时刻最先遭到回掉地狱的搅扰的时刻，无妨尝试一下Co？用同步写法写异步的以为真的很不赖啊！

假如文中有某些处所有毛病或许不稳健的处所，迎接指出来，感激涕零！互相进修才提高嘛~

    原文作者：harryfyodor
    原文地址: https://segmentfault.com/a/1190000007255138
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞