這篇文章將為大家詳細講解有關(guān)構(gòu)建Promise隊列實現(xiàn)異步函數(shù)順序執(zhí)行的案例分析，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

成都創(chuàng)新互聯(lián)公司主要從事網(wǎng)站建設(shè)、網(wǎng)站設(shè)計、網(wǎng)頁設(shè)計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)定邊,10年網(wǎng)站建設(shè)經(jīng)驗,價格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):028-86922220

場景

有a、b、c三個異步任務(wù)，要求必須先執(zhí)行a，再執(zhí)行b，最后執(zhí)行c

且下一次任務(wù)必須要拿到上一次任務(wù)執(zhí)行的結(jié)果，才能做操作

思路

我們需要實現(xiàn)一個隊列，將這些異步函數(shù)添加進隊列并且管理它們的執(zhí)行，隊列具有First In First Out的特性，也就是先添加進去的會被先執(zhí)行，接著才會執(zhí)行下一個(注意跟棧作區(qū)別)

大家也可以類比一下jQuery的animate方法，添加多個動畫也會按順序執(zhí)行

解決

模擬3個異步函數(shù)

// 異步函數(shù)a
var a = function () {
 return new Promise(function (resolve, reject) {
  setTimeout(function () {
   resolve('a')
  }, 1000)
 })
}

// 異步函數(shù)b
var b = function (data) {
 return new Promise(function (resolve, reject) {
  resolve(data + 'b')
 })
}

// 異步函數(shù)c
var c = function (data) {
 return new Promise(function (resolve, reject) {
  setTimeout(function () {
   resolve(data + 'c')
  }, 500)
 })
}

解決方法一(使用then鏈式操作)

特點：可以滿足需求，但是書寫比較繁瑣

代碼

//鏈式調(diào)用
a()
 .then(function (data) {
  return b(data)
 })
 .then(function (data) {
  return c(data)
 })
 .then(function (data) {
  console.log(data)// abc
 })

方法二(構(gòu)建隊列)

特點：封裝方法，可移植到別處使用

代碼

// 構(gòu)建隊列
function queue(arr) {
 var sequence = Promise.resolve()
 arr.forEach(function (item) {
  sequence = sequence.then(item)
 })
 return sequence
}

// 執(zhí)行隊列
queue([a, b, c])
 .then(data => {
  console.log(data)// abc
 })

方法三(使用async、await構(gòu)建隊列)

同方法二，只是顯得更高大上點

代碼

async function queue(arr) {
 let res = null
 for (let promise of arr) {
  res = await promise(res)
 }
 return await res
}
queue([a, b, c])
 .then(data => {
  console.log(data)// abc
 })

順便說一句，bluebird的Promise.reduce也可以用來順序執(zhí)行函數(shù)，但是可使用的場景非常有限，一般用來讀取文件信息，而以上給出的方法，不管你在異步函數(shù)中做了什么，只要函數(shù)最后返回了一個Promise對象，都可以使用

關(guān)于“構(gòu)建Promise隊列實現(xiàn)異步函數(shù)順序執(zhí)行的案例分析”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。

當(dāng)前標題：構(gòu)建Promise隊列實現(xiàn)異步函數(shù)順序執(zhí)行的案例分析-創(chuàng)新互聯(lián)
標題URL：http://www.rwnh.cn/article4/dhhioe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、用戶體驗、移動網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站設(shè)計、微信公眾號

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)