async await 的使用和 Demo 解析

   日期:2020-07-09     浏览:94    评论:0    
核心提示:async 和 await 字面都很好理解,分别是异步和等待。先上个demo,代码解析:定义一个 函数timeout(异步阻塞 ms 毫秒,模拟异步操作)定义一个 函数 TextFc (里面用到了 async 和 await),async 申明该函数可以异步处理,await 代码执行阻塞,等待后面的异步操作完成后,再走下面的代码。 onLoad: function (options) { function t.._js如何让for循环中的await

async 和 await 字面都很好理解,分别是异步和等待。

 

先来个简单的 demo,代码解析:

定义一个 函数 timeout(异步阻塞 ms 毫秒,模拟异步操作)

定义一个 函数 TextFc (里面用到了 async 和 await),async 申明该函数可以异步处理,await 代码执行阻塞,等待后面的异步操作完成后,再走下面的代码。

  
  onLoad: function (options) {
    function timeout(ms) {
      return new Promise((resolve) => {
        setTimeout(resolve, ms);
      });
    }
    
    async function TextFc(num, ms) {
      await timeout(ms);
      console.log(num);
    }
    
    TextFc(1, 2000);
  },

 

再加强一下 TextFc 函数,请注意看 await 的使用。

  
  onLoad: function (options) {
    function timeout(ms) {
      return new Promise((resolve) => {
        setTimeout(resolve, ms);
      });
    }
    
    async function TextFc(num, ms) {
      await timeout(ms);
      console.log('第一次打印日志',++num);
      await timeout(ms);
      console.log('第二次打印日志',++num);
    }
    
    TextFc(1, 2000);
  },

代码运行每隔两秒,执行一次日志打印,看执行的效果图

 

 
打赏
 本文转载自:网络 
所有权利归属于原作者,如文章来源标示错误或侵犯了您的权利请联系微信13520258486
更多>最近资讯中心
更多>最新资讯中心
0相关评论

推荐图文
推荐资讯中心
点击排行
最新信息
新手指南
采购商服务
供应商服务
交易安全
关注我们
手机网站:
新浪微博:
微信关注:

13520258486

周一至周五 9:00-18:00
(其他时间联系在线客服)

24小时在线客服