JS异步循环集合

Posted 2023-01-13 xuexiaodong2009

//JS 异步循环
//原理，在需要执行的方法完成后，使用回调进入下一次循环
function InitArrs(Ids) 
    var ids = Ids;//需要循环的集合
    var index = 0;
    var indexMax = ids.length;
     DoOne(index);
    //循环一次
    function DoOne(index) //执行一次循环
        if (index >= indexMax) 
            return;
        
        var adm = ids[index];
        setTimeout(changeState(adm), 3000);
    
    function changeState(adm) //每次循环需要调用的方法
        alert(adm);
        CallBackFu();//方法执行完后，调用回调方法
    
    function CallBackFu() //在调用回调方法，中执行下一次循环
        //在回调中循环下一次
        index = index + 1;
        DoOne(index);
    

测试代码

var Ids=[1,2,3,4];
InitArrs(Ids) ;