首页前端开发其他前端知识Javascript如何处理异步,循环中的异步应该如何处理

Javascript如何处理异步,循环中的异步应该如何处理

时间2024-03-27 14:58:04发布访客分类其他前端知识浏览455
导读:这篇文章给大家分享的是“Javascript如何处理异步,循环中的异步应该如何处理”,文中的讲解内容简单清晰,对大家学习和理解有一定的参考价值和帮助,有这方面学习需要的朋友,接下来就跟随小编一起学习一下“Javascript如何处理异步,循...
这篇文章给大家分享的是“Javascript如何处理异步,循环中的异步应该如何处理”,文中的讲解内容简单清晰,对大家学习和理解有一定的参考价值和帮助,有这方面学习需要的朋友,接下来就跟随小编一起学习一下“Javascript如何处理异步,循环中的异步应该如何处理”吧。

案例:

compute.exec()这是个异步方法,在里面处理一些实际业务,这时候打印出来的很可能就是300,300,300(因为异步for循环还没有等异步操作返回promise对象过来i值已经改变成300了)

function getmoney(){
    
    var money=[100,200,300]
    for(let i=0;
     imoney.length;
 i++){
    
        compute.exec().then(()=>
{

            console.log(money[i])
        }
)
    }

}

一、async/await 处理思路

async function getmoney(){
    
    var money=[100,200,300]
    for( let i=0;
     imoney.length;
 i++){
    
        await compute.exec().then(()=>
{

            console.log(money[i])
        }
)
    }

}

// async告诉getmoney方法里面存在异步的操作
// await放在具体异步操作(方法)前面,意思是等待该异步返回promise才会继续后面的操作

二、递归处理思路

function getmoney(i) {
    
  var money=[100,200,300]
  compute.exec().then(() =>
 {

    if ( i  money.length ) {
    
      console.log(money[i]);
    
      i++;
    
        getmoney(i);

      }

   }
    );

}
    
getmoney(0);
    //开始调用
//用递归来实现自我循环(具体循环在then里面,可以确保前面的compute.exec()的异步操作完成).then()是返回了promise对象为resolve后才进行的(可以了解一下promise对象)



以上就是关于Javascript如何处理异步,循环中的异步应该如何处理的介绍啦,需要的朋友可以参考上述内容,希望对大家有帮助,欢迎关注网络,小编将为大家输出更多高质量的实用文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

js循环异步

若转载请注明出处: Javascript如何处理异步,循环中的异步应该如何处理
本文地址: https://pptw.com/jishu/654294.html
java如何产生随机数,random类怎么用 .NET CORE的配置文件只能用xml格式吗

游客 回复需填写必要信息