在async和await中同步使用定时器

本文探讨了如何在async和await中同步使用定时器,通过封装Promise来实现。文章通过多个代码示例解释了浏览器执行机制、Promise的立即执行特性和await的等待作用,强调了在同一函数中使用await才能保证执行顺序。同时,介绍了在定时器中使用async函数时,只有等待Promise完成才会继续执行后续代码,揭示了await与Promise结合的关键点。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

    今天一哥们问我async和await中使用定时器如何同步,这个问题涉及到很多东西,但是小编研究后发现是可行的,虽然async没法直接和setTimeout做到同步,但是await接受一个Promise,我们可以利用Promise再封装一层!利用浏览器事件执行的顺序达到我们的目的!不多说了,上代码。

    

    大家来猜猜看结果是啥,我们运行下。
    

    你可能会有疑问,为啥是这个结果,且听小编细细解释!按照浏览器机制,当c()执行的时候,会先执行出现1,由于Promise是立即执行函数,所以出现了1.5和2,setTimeout先等等再执行,因为await的原因,所以3是最末尾执行的,也就是要等Promise执行完后,再执行3,到此我们暂时搁置c这个方法。细心的你可能看到了,c()下面有从console.log(4),那么开始出现的1,1.5,2,4,等到外面的线程执行完毕后,再来执行定时器,定时器里我们放了ajax请求,感谢chrome,我们直接用fetch就好,反正原理都一样!定时器按照顺序执行下来,首先出现promise1,细心的你可能会发现我们把定时器的回调函数也变成了async和await函数,所以我们先吧fetch执行完,获得请求结果,但是这里因为跨域问题,所以报错了,能说明是先执行了这个fetch函数就好,然后就执行fetch下面的代码,出现a的值,也就是55,再把a给promise的钩子,也就是resolve(),这个时候Promis

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值