码迷,mamicode.com
首页 > 其他好文 > 详细

Array中使用异步函数遍历元素

时间:2020-04-10 14:43:09      阅读:84      评论:0      收藏:0      [点我收藏+]

标签:use   value   同步   ons   完成   log   define   def   mamicode   

为确保Array每次循环等待上次操作完成,必须在每次循环中使用异步函数

        const arr = [1, 2, 3];

        async function fn() {
            await arr.reduce(async (accumulator, currentValue) => {
                await accumulator;
                await sleep(2000);
                console.log(currentValue);
            }, undefined);
        };
        fn();

        async function sleep(arg) {
            return new Promise(resolve => {
                setTimeout(function () {
                    resolve(arg);
                }, arg);
            })
        }

执行结果如下:

技术图片
可见,每次都等待了2秒,每次循环都会等待上次完成。所以就实现了array循环同步执行,每次执行都等待上次循环完成。

参考:https://advancedweb.hu/how-to-use-async-functions-with-array-foreach-in-javascript/

Array中使用异步函数遍历元素

标签:use   value   同步   ons   完成   log   define   def   mamicode   

原文地址:https://www.cnblogs.com/bagexiaowenti/p/12673362.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!