Promise循環(huán)執(zhí)行多個請求

// 輸出結(jié)果為 [ 0, 1, 2 ] 執(zhí)行了 3 秒
// 此方法用在 一個循環(huán)體中,拿到每個異步請求返回的值 , 并等待循環(huán)中的 所有異步函數(shù)執(zhí)行完,再進行下一步操作!
// 如 node.js 中 拿到購物車表的數(shù)據(jù),只有商品的id ,沒有商品的具體信息, 需要去遍歷購物車的表, 再用每一個商品id 去遍歷商品表,去拿商品具體信息!
mounted(){
let array = []
for(let i=0; i<3; i++){
array.push(this.testForPromise(i))
}
Promise.all(array).then((res) => {
console.log(res) // [ 0, 1, 2 ]
})
},
methods:{
testForPromise(num){
return new Promise((resolve, reject) => {
setTimeout(() => {
resolve(num)
}, 3000)
})
}
}

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 一、初識jQuery.js jQuery.js是一款優(yōu)秀的JS類庫,其本質(zhì)就是在一個立即執(zhí)行的匿名函數(shù)中的閉包,j...
    劉遠舟閱讀 808評論 1 0
  • js新特性之網(wǎng)絡(luò)編程 1.h5新增存儲方案 <!DOCTYPE html> 18-H5新增存...
    煤球快到碗里來閱讀 423評論 0 0
  • 0、底層 Event Loop事件循環(huán):就是一個執(zhí)行消息隊列的機制 宏任務(wù) 微任務(wù)為了解決這種情況,將任務(wù)分為了同...
    月光一族閱讀 2,961評論 7 42
  • 1、淺拷貝和深拷貝的區(qū)別 淺拷貝是拷貝一層,深層次的對象級別的就拷貝引用 深拷貝是拷貝多層,每一層級的數(shù)據(jù)都會拷貝...
    我王某不需要昵稱閱讀 489評論 0 0
  • ECMAScript - 學(xué)習(xí)筆記 ?? ??nvm node.js 包管理工具 nvm github[https:/...
    Super三腳貓閱讀 897評論 0 1

友情鏈接更多精彩內(nèi)容