JavaScript中如何在一個循環(huán)中等待示例代碼詳解
更新時間：2022年08月24日 14:33:40 作者：前端小工
這篇文章主要介紹了在JavaScript中如何在一個循環(huán)中等待（附代碼示例）,下面是如何使用for..of 循環(huán)來迭代一個數(shù)組并在循環(huán)內(nèi)等待，需要的朋友可以參考下
下面是如何使用for..of 循環(huán)來迭代一個數(shù)組并在循環(huán)內(nèi)等待：
const fun = (prop) => {
return new Promise(resolve => {
setTimeout(() =>
resolve(`done ${prop}`), 1000);
})
}
const go = async () => {
const list = [1, 2, 3]
for (const prop of list) {
console.log(prop)
console.log(await fun(prop))
}
console.log('done all')
}
go()你需要把循環(huán)放在一個異步函數(shù)中，然后你可以使用await ，循環(huán)會停止迭代，直到我們正在等待的承諾得到解決。
你可以用for...in循環(huán)做同樣的事情，對一個對象進行迭代：
const fun = (prop) => {
return new Promise(resolve => {
setTimeout(() =>
resolve(`done ${prop}`), 1000);
})
}
const go = async () => {
const obj = { a: 1, b: 2, c: 3 };
for (const prop in obj) {
console.log(prop)
console.log(await fun(prop))
}
console.log('done all')
}
go()你也可以使用while 或do..while 或for 循環(huán)，也是這種結(jié)構(gòu)。
但是你不能用Array.forEach() 或Array.map() 來等待。
到此這篇關于在JavaScript中如何在一個循環(huán)中等待（附代碼示例）的文章就介紹到這了,更多相關js循環(huán)等待內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
通過js動態(tài)操作table(新增，刪除相關列信息)
通過js動態(tài)操作table(新增，刪除相關列信息)的實現(xiàn)代碼，需要的朋友可以參考下2012-05-05
這篇文章介紹了jquery滾動條事件的簡單實例，有需要的朋友可以參考一下2013-07-07
這篇文章主要給大家介紹了關于微信小程序使用Vant Weapp組件庫的相關資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用微信小程序具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-08-08
今天小編就為大家分享一篇layui中的switch開關實現(xiàn)方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
創(chuàng)建自定義表格的方法有很多，本文為大家介紹下使用js是如何創(chuàng)建的，感興趣的朋友可以參考下2014-02-02
這篇文章主要為大家詳細介紹了js仿搜狐視頻記錄片列表展示效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
javascript下利用for( in )語句 獲得所有事件名稱的代碼
2008-02-02
js和jquery實現(xiàn)監(jiān)聽鍵盤事件示例代碼
這篇文章主要為大家介紹了js實現(xiàn)監(jiān)聽鍵盤事件示例代碼，監(jiān)聽鍵盤組合鍵CTRL+C，以便做出對應的響應，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-01-01
WEB開發(fā)之注冊頁面驗證碼倒計時代碼的實現(xiàn)
近期在搞一個H5+backbone 項目,驗證輸入手機號 驗證碼倒計時功能，代碼中包含了前端樣式布局代碼和后端邏輯實現(xiàn)，思路明確，具有參考借鑒價值，需要的朋友參考下吧2016-12-12
JavaScript實現(xiàn)動態(tài)創(chuàng)建CSS樣式規(guī)則方案
這篇文章主要介紹了JavaScript實現(xiàn)動態(tài)創(chuàng)建CSS樣式規(guī)則方案,本文包含獲取樣式表、創(chuàng)建樣式表、插入規(guī)則、添加規(guī)則等內(nèi)容,需要的朋友可以參考下2014-09-09