欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

多层数组的延迟执行 - for循环中执行定时器timeout async await

程序员文章站 2023-12-21 21:39:16
...

场景:
数据类型是多层数组,每隔几毫秒对最底层子元素进行一个操作;对每一个第一层子元素遍历完进行一个操作。
例如 :
数组为 [[11,22,33],[44,55,66]] ,对 11、22、33、44、55、66 挨个进行操作,时间间隔为3秒;
在执行完33和66后,给出第一个元素遍历完的提示;
解决方案:
刚开始是对每层遍历,setTimeout的延迟时间是累加的,写法较low
后来用async和await进行重写,结构会比之前清晰

var c = [[11,22,33],[44,55,66]];
var asyncFun1=async function(){
    for(var key in c){   
         var awaitFun1 = function() {
            return new Promise((res)=>{
                var asyncFun2 = async function(){
                    for(var keys in c[key]){
                        await new Promise((res1)=>{
                        	setTimeout(()=>{
                        		console.log('每一个底层元素执行');
                        		res1()
                       		},3000)
                       	})
                    }
                    res();
                }
                asyncFun2();
            })
        }
        await awaitFun1();
        console.log('第一层元素');
    }
}
asyncFun1();
相关标签: js基础

上一篇:

下一篇: