1.怎样使同一个js方法中的两个异步请求,按顺序执行

原因:默认是异步执行
解决:加入async:false ,使其顺序执行
.ajax({
         url: url,
     type : "get",async:false,
     dataType:'jsonp',
     jsonp:"jsonpCallback",
         success: function(result) { 
              //parse result , logic
             //logicFun(result , index );
             console.log('rendering - '+index);
        }

2. 迭代器: 

在js里面,偶尔会遇见需要多个异步按照顺序执行请求,又不想多层嵌套,,这里和promise.all的区别在于,promise或者Jquery里面的$.when 是同时发送多个请求,一起返回,发出去的顺序是一起;这里是按照顺序发请求
 
首先创建一个迭代器,接收任意多个函数参数
function nextRegister(){
            var args = arguments;
            var count = 0;
            var comm = {};
            function nextTime(){
                count++;
                if(count < args.length){
                    if(args[count] && Object.prototype.toString.call(args[count]) == '[object Function]'){
                        args[count](comm,nextTime);
                    }
                }
            }
            if(args[count] && Object.prototype.toString.call(args[count]) == '[object Function]'){
                args[count](comm,nextTime);
            }  
        }

创建多个异步的函数,注入到迭代器中

/*
         comm:多个函数,公用的变量
         next:调用下一个函数
         * */
        function fn1(comm,next){
            console.log('1');
            comm.age = 20;
            next();
        }
        function fn2(comm,next){
            next();
            console.log('2');
            console.log(comm.age);
        }
        function fn3(comm,next){
            console.log('3');
        }
//开始执行迭代
nextRegister(fn1,fn2,fn3);
  在这里,fn1-fn3函数中,做异步操作,知道在异步成功的时候调用next()就可以继续执行下一个函数,同时可以将前面函数返回的结果,绑定在comm上,带到下一个函数中
 
posted on 2020-07-29 10:30  一贯可乐  阅读(1523)  评论(0编辑  收藏  举报



123