zoukankan      html  css  js  c++  java
  • 解决for循环中异步处理(异步变同步)

    前沿:参考ES6语法的async/await的处理机制

    先上一段代码

    function getMoney(){
        var money=[100,200,300]  
        for( let i=0; i<money.length; i++){
            compute.exec().then(()=>{
                console.log(money[i])
                //alert(i)
            })
        }
    }
    //compute.exec()这是个异步方法,在里面处理一些实际业务
    //这时候打印出来的很可能就是300,300,300(因为异步for循环还没有等异步操作返回Promise对象过来i值已经改变)

    正确处理思路

    async function getMoney(){
        var money=[100,200,300]  
        for( let i=0; i<money.length; i++){
            await compute.exec().then(()=>{
                console.log(money[i])
                //alert(i)
            })
        }
    }
    //关键字async/await 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对象)

     

  • 相关阅读:
    MySQL版本详解
    数据库安全[一]
    python itertools模块学习
    两列布局实例
    Linux 原始套接字抓包实例
    [转]Linux终端快捷键
    SQL中的LEFT JOIN 和 RIGHT JOIN 以及INNER JOIN
    twisted框架入门笔记(1)
    一个关于lambda的题目
    找出数组中仅仅一个出现两次的数
  • 原文地址:https://www.cnblogs.com/xiujun/p/10637037.html
Copyright © 2011-2022 走看看