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

資訊專欄INFORMATION COLUMN

Promise & Generator——幸福地用同步方法寫異步JavaScript

Harpsichord1207 / 1507人閱讀

摘要：在這里看尤雨溪大神的這篇小短文，非常精簡扼要地介紹了當(dāng)前常用的。根據(jù)尤雨溪大神的說法，的也只是的語法糖而已。對象有三種狀態(tài)，，。對象通過和方法來規(guī)定異步結(jié)束之后的操作正確處理函數(shù)錯誤處理函數(shù)。方便進(jìn)行后續(xù)的成功處理或者錯誤處理。

最近在寫一個自己的網(wǎng)站的時候（可以觀摩一下~Colors），在無意識中用callback寫了一段嵌套了5重回調(diào)函數(shù)的可怕的代碼?；剡^神來的時候被自己嚇了一跳，這可不行啊，丑得沒法看啊！于是打算嘗試一下一些流行的異步的解決方案。經(jīng)過一番折騰之后...我終于找到了一個令自己滿意的方案了（愛不釋手）。不過在正式介紹它之前先扯一些其他的相關(guān)知識先吧！

1. JavaScript異步解決方案有哪一些

其實異步JavaScript已經(jīng)不是什么高級的東西了，Nodejs的出現(xiàn)，特別是callback hell令人恐懼的寫法已經(jīng)成功倒逼出了很多很棒的解決方案。在這里看尤雨溪大神的這篇小短文，非常精簡扼要地介紹了當(dāng)前常用的async.js, Promise, co, async/await。個人建議有機(jī)會可以都試一下看看。而從個人的角度，我可能會以以下的標(biāo)準(zhǔn)來選擇（個人喜好）：

需要寫爬蟲之類控制并發(fā)數(shù)的我會用async.js；它的有一些API還是很方便的。

寫前端的代碼的時候可能會比較傾向于考慮Promise，因為一般來說前端的異步場景除了ajax之外貌似也不是很多了。而且之前使用過isomorphic-fetch，感覺很棒?？梢钥次抑暗奈恼聗

后端代碼nodejs，那就非co莫屬了。根據(jù)尤雨溪大神的說法，es7的async/await也只是Promise & Generator的語法糖而已。而co，就是結(jié)合了Promise和Generator的神一般的庫。而本篇文章主要就是講co結(jié)合Promise和Generator的異步解決方法。

2. Promise & Generator簡單入門

ES6是個好東西，其中的Promise和Generator可以說是精華的部分之一了。下面簡單介紹入門一下Promise以及Generator。這一小節(jié)的介紹會很簡單，而且也只是這兩個新特性的一部分，但是提到的點都是本篇文章所需要的。當(dāng)然，從學(xué)習(xí)的角度，應(yīng)該找書去完全了解一下這兩個特性，起碼有個印象吧~個人感覺ES6的學(xué)習(xí)可以去讀NCZ的Understanding ECMAScript6或者阮一峰大神的ES6標(biāo)準(zhǔn)入門，都有電子書，很棒！前者語言比較淺顯易懂，生動有趣，后者會更加詳細(xì)，有條理一些。如果您已經(jīng)對這些特性了如指掌的話，那就不用看這一小節(jié)了~

2.1 Promise

Promise有很多版本，也有很多實現(xiàn)的庫，但是這里主要是介紹ES6標(biāo)準(zhǔn)的內(nèi)容。如果閱讀以下幾條特性覺得不懂的話建議先看看上面兩本書相應(yīng)的章節(jié)。

關(guān)于promise，首先要意識到它是一種對象。這種對象可以用Promise構(gòu)造函數(shù)來創(chuàng)建，也可以通過Nodejs本身一些默認(rèn)的返回來獲取這種對象。

promise對象有三種狀態(tài)：Pending，Fulfilled，Rejected。分別對應(yīng)著未開始的狀態(tài)，成功的狀態(tài)，以及失敗的狀態(tài)。

這種對象常常封裝著異步的方法。在異步方法里面，通過resolve和reject來劃定什么時候算是成功，什么時候算是錯誤，同時傳參數(shù)給這兩個函數(shù)。這些參數(shù)就是異步得到的結(jié)果或者錯誤。

異步有成功的時候，也有錯誤的時候。對象通過then和catch方法來規(guī)定異步結(jié)束之后的操作（正確處理函數(shù)/錯誤處理函數(shù)）。而then和catch是Promise.prototype上的函數(shù)，因此“實例化”之后（其實并非真正的實例）可以直接使用。

這個promise對象還有一個神奇的地方，就是可以級聯(lián)。每一個then里面返回一個promise對象，就又像上面所提的那樣，有異步就等待異步，然后選擇出規(guī)定好的正確處理函數(shù)還是錯誤處理函數(shù)。

2.2 Generator

Generator函數(shù)是一個帶星星函數(shù)，而且是一個可以暫停的函數(shù)。

函數(shù)的內(nèi)部通過yield來推進(jìn)函數(shù)。通過定義yield后面的值來決定返回的value。

函數(shù)返回一個遍歷器，這個遍歷器有一個next方法，可以獲取一個對象，這個對象就包含了yield定義好的參數(shù)。

關(guān)于ES6的知識的其它特性就不談了，對寫同（yi）步代碼的話掌握以上這些已經(jīng)足夠了。

3. Co

噔噔噔噔！神奇的Co登場了！這是一個tj大神寫的庫。使用方法很簡單，在Github上的README也講得很清楚了。主要就是兩點：

Co函數(shù)里面包裹一個generator函數(shù)，在generator函數(shù)里面可以yield promise對象，從而達(dá)到異步的目的。在Co的內(nèi)部實現(xiàn)里面是通過遞歸調(diào)用next函數(shù)，把每一個promise的值返回出來，從而實現(xiàn)異步轉(zhuǎn)“同步”的寫法。

Co函數(shù)返回一個promise對象，可以調(diào)用then，catch方法來對Generator函數(shù)返回的結(jié)果進(jìn)行傳遞。方便進(jìn)行后續(xù)的成功處理或者錯誤處理。

4. 如何用同步的寫法寫異步的代碼

下面展示一段異步處理的代碼，可以看到，同步的寫法寫異步真的很爽...

function *foo(res, name, newPassword, oldPassword) {
  try {
    // yield一個promise對象，如果有錯誤就會被后面的catch捕捉到，成功就會返回user。
    const user = yield new Promise(function(resolve, reject) {
      // 常見的數(shù)據(jù)庫讀取星系
      User.get(name, function(err, user) {
        if(err) reject(err)
        resolve(user)
      })
    })

    if(user.password != oldPassword) {
      return res.send({errorMsg:"密碼輸入錯誤！"})
    }

    // 看到這一個異步函數(shù)和上一個的異步在寫法上是基本上“同步”的，沒有了相互嵌套，很優(yōu)雅~也更加方便了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!"})
  }
}

// 使用的話就直接調(diào)用co包含對應(yīng)的Generator函數(shù)即可。
co(foo(res, name, newPassword, oldPassword))
5. 總結(jié)

適合使用場景的方法才是最好的方法。但是當(dāng)你在寫Node的時候開始受到回掉地獄的困擾的時候，不妨嘗試一下Co？用同步寫法寫異步的感覺真的很不賴啊！

如果文中有某些地方有錯誤或者不妥當(dāng)?shù)牡胤剑瑲g迎指出來，感激不盡！互相學(xué)習(xí)才能進(jìn)步嘛~

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

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

相關(guān)文章

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

    摘要：傳統(tǒng)的異步方法回調(diào)函數(shù)事件監(jiān)聽發(fā)布訂閱之前寫過一篇關(guān)于的文章，里邊寫過關(guān)于異步的一些概念。內(nèi)部函數(shù)就是的回調(diào)函數(shù)，函數(shù)首先把函數(shù)的指針指向函數(shù)的下一步方法，如果沒有，就把函數(shù)傳給函數(shù)屬性，否則直接退出。 Generator函數(shù)與異步編程 因為js是單線程語言，所以需要異步編程的存在，要不效率太低會卡死。 傳統(tǒng)的異步方法 回調(diào)函數(shù) 事件監(jiān)聽 發(fā)布/訂閱 Promise 之前寫過一篇關(guān)...

    venmos 評論0 收藏0

  • 細(xì)說JS異步發(fā)展歷程

    摘要：換句話說，當(dāng)一個異步過程調(diào)用發(fā)出后，調(diào)用者不會立刻得到結(jié)果。參考文章珠峰架構(gòu)課墻裂推薦細(xì)說異步函數(shù)發(fā)展歷程異步編程謝謝各位小伙伴愿意花費(fèi)寶貴的時間閱讀本文，如果本文給了您一點幫助或者是啟發(fā)，請不要吝嗇你的贊和，您的肯定是我前進(jìn)的最大動力。知其然知其所以然，首先了解三個概念： 1.什么是同步？ 所謂同步，就是在發(fā)出一個調(diào)用時，在沒有得到結(jié)果之前，該調(diào)用就不返回。但是一旦調(diào)用返回，就得到返回值了...

    Alfred 評論0 收藏0

  • 細(xì)說JS異步發(fā)展歷程

    摘要：參考文章珠峰架構(gòu)課墻裂推薦細(xì)說異步函數(shù)發(fā)展歷程異步編程謝謝各位小伙伴愿意花費(fèi)寶貴的時間閱讀本文，如果本文給了您一點幫助或者是啟發(fā)，請不要吝嗇你的贊和，您的肯定是我前進(jìn)的最大動力。 知其然知其所以然，首先了解三個概念： 1.什么是同步？ 所謂同步，就是在發(fā)出一個調(diào)用時，在沒有得到結(jié)果之前，該調(diào)用就不返回。但是一旦調(diào)用返回，就得到返回值了。換句話說，就是由調(diào)用者主動等待這個調(diào)用的結(jié)果。此調(diào)...

    RiverLi 評論0 收藏0

  • 簡單理解Javascript的各種異步流程控制方法

    摘要：所以僅用于簡化理解，快速入門，依然需要閱讀有深入研究的文章來加深對各種異步流程控制的方法的掌握。 原文地址：http://zodiacg.net/2015/08/javascript-async-control-flow/ 隨著ES6標(biāo)準(zhǔn)逐漸成熟，利用Promise和Generator解決回調(diào)地獄問題的話題一直很熱門。但是對解決流程控制/回調(diào)地獄問題的各種工具認(rèn)識仍然比較麻煩。最近兩天...

    makeFoxPlay 評論0 收藏0

  • 探索Javascript 異步編程

    摘要：因為瀏覽器環(huán)境里是單線程的，所以異步編程在前端領(lǐng)域尤為重要。除此之外，它還有兩個特性，使它可以作為異步編程的完整解決方案函數(shù)體內(nèi)外的數(shù)據(jù)交換和錯誤處理機(jī)制。 showImg(https://segmentfault.com/img/bVz9Cy); 在我們?nèi)粘＞幋a中，需要異步的場景很多，比如讀取文件內(nèi)容、獲取遠(yuǎn)程數(shù)據(jù)、發(fā)送數(shù)據(jù)到服務(wù)端等。因為瀏覽器環(huán)境里Javascript是單線程的，...

    Salamander 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<