Javascript如何处理循环

发布时间:2022-03-16 10:25:41 作者:iii
来源:亿速云 阅读:126

今天小编给大家分享一下Javascript如何处理循环的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。

案例:

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

function getMoney(){
    var money=[100,200,300]
    for(let i=0; i<money.length; i++){
        compute.exec().then(()=>{
            console.log(money[i])
        })
    }
}

一、async/await 处理思路

async function getMoney(){
    var money=[100,200,300]
    for( let i=0; i<money.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如何处理循环”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注亿速云行业资讯频道。

推荐阅读:
  1. JavaScript 循环语句
  2. javascript for循环

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

javascript

上一篇:css如何定义以何种媒介来提交文档

下一篇:css伪元素的示例分析

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》