您现在的位置是：网站首页> 编程资料编程资料

JavaScript中如何在一个循环中等待示例代码详解_javascript技巧_

2023-05-24 350人已围观

简介 JavaScript中如何在一个循环中等待示例代码详解_javascript技巧_

下面是如何使用for..of 循环来迭代一个数组并在循环内等待：

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()

你需要把循环放在一个异步函数中，然后你可以使用await ，循环会停止迭代，直到我们正在等待的承诺得到解决。

你可以用for...in循环做同样的事情，对一个对象进行迭代：

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 循环，也是这种结构。

但是你不能用Array.forEach() 或Array.map() 来等待。

到此这篇关于在JavaScript中如何在一个循环中等待（附代码示例）的文章就介绍到这了,更多相关js循环等待内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持！

您可能感兴趣的文章:

上一篇：微信小程序实现分页功能_javascript技巧_

下一篇：手写实现vue2下拉菜单dropdown组件实例_vue.js_

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网