我试图在 forEach 循环完成所有迭代后执行一个函数。
This answer https://stackoverflow.com/a/18983245/3976696提供了一个有趣的解决方案,但我无法让它发挥作用。
这是我改编的代码,创建了一个简单的 asyncFunction()。
function callback () { console.log('all done'); }
function asyncFunction(item) {
console.log("in async function, item is " + item)
}
var itemsProcessed = 0;
[1, 2, 3].forEach((item, index, array) => {
asyncFunction(item, () => {
itemsProcessed++;
console.log("in callback area, itemsProcessed is " + itemsProcessed )
if(itemsProcessed === array.length) {
callback();
}
});
});
正如在此可见JSfiddle https://jsfiddle.net/xh1kL87a/1/,脚本正确执行了async函数,但是无法进入递增的部分itemsProcessed
并且应该触发callback()
功能。
我对粗箭头函数不太熟悉,所以错误可能来自于它们的用法。
谁能解释为什么脚本没有按预期运行?
在这种情况下,更现代的方法是使用承诺
function asyncFunction(item) {
// return a promise
return new Promise((resolve, reject) => {
setTimeout(() => {
console.log("in async function, item is " + item)
// resolve promise when data is ready
resolve(item)
}, Math.random()*2000)// random delay to stagger order of returns
})
}
// create array of promises
let promiseArray = [1, 2, 3].map(asyncFunction);
// runs when all promises are resolved
Promise.all(promiseArray).then(results => {
console.log('all done')
// results array will be in same order as original array
console.log('results are: ', results)
})
.as-console-wrapper {max-height: 100%!important;top:0}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)