【一分钟JavaScript】async和 await

超、凢脫俗 2022-01-12 02:45 193阅读 0赞

在上一节已经讲了Generator函数([juejin.im/post/5cff72…][juejin.im_post_5cff72])，如果没有认真读，请再次打开看一下。

理解了Generator函数，async和await就很简单了：就是把Generator的星号\*换成async，把yield换成await。

### 注意 ###

*  async返回一个Promise对象，可以使用then方法；await用于等待一个Promise对象。
 *  await返回Promise对象的处理结果；如果等待的不是Promise对象，则返回该值本身。
 *  如果await处理的对象是Promise，则等待Promise对象resolve，再恢复async函数的执行。也就是说async函数自带执行器，而无需像yield函数那样使用next()调用。

示例：

async function asyncFn(){
      await setTimeout(console.log(1),4000);
      await setTimeout(console.log(2),3000);
      await setTimeout(console.log(3),2000);
      return 4;
    }
    asyncFn().then(v=>{
      console.log(v)
    })
    复制代码

执行结果：

1
    2
    3
    4
    复制代码

## 使用场景 ##

*  ### 实现一个程序停顿 ###

async function sleep(interval){
    	await new Promise(resolve=>{
    		setTimeout(resolve,interval);
        });
    }
    async function tick(){
    	for(let i=0;i<5;i++){
    		console.log(i);
    		await sleep(1000);
        }
    }
    tick();
    复制代码

执行结果（每隔一秒执行一次console.log）：

0
    1
    2
    3
    4
    复制代码

转载于:https://juejin.im/post/5d0061d7e51d4577583ddca5

[juejin.im_post_5cff72]: https://juejin.im/post/5cff720c6fb9a07ef201177c

发表评论取消回复

表情：

评论列表（有 0 条评论，193人围观）

还没有评论，来说两句吧...

相关阅读

相关 async和await

前言在看vue-element-admin-4.2.1时，除了Promise对象处理异步操作外，想起来以前经常看到async和await处理异步，但具体怎么用就一脸懵逼

╰半夏微凉°/ 2024年03月17日 22:59/ 0 赞/ 109 阅读

相关 promise 和 async await区别

什么是Async/Await? 　　async/await是写异步代码的新方式，以前的方法有回调函数和Promise。　　async/await是基于Promise实

谁践踏了优雅/ 2022年12月27日 01:48/ 0 赞/ 193 阅读

相关几分钟搞明白Promise,Async,Await的用法

promise 将程序从异步变成同步 function one(){ return 'I am one' } functi

痛定思痛。/ 2022年10月07日 10:59/ 0 赞/ 144 阅读

相关 async 和 await

文章目录一、async 函数说明二、async 与 await 封装 AJAX 请求一、async 函数说明 `ES8`标准引入了`async`

水深无声/ 2022年09月07日 12:22/ 0 赞/ 23 阅读

相关 async/await 和 promise

> 小编推荐：[Fundebug][]提供JS错误监控、微信小程序错误监控、微信小游戏错误监控，Node.j错误监控和Java错误监控。真的是一个很好用的错误监控费服务，众多大

港控/mmm°/ 2022年02月15日 07:19/ 0 赞/ 322 阅读

相关【一分钟JavaScript】async和 await

在上一节已经讲了Generator函数([juejin.im/post/5cff72…][juejin.im_post_5cff72])，如果没有认真读，请再次打开看一下。

超、凢脫俗/ 2022年01月12日 02:45/ 0 赞/ 194 阅读

相关 async和await

python为了将语义变得更加明确，就引入了async和await关键词用于定义原生的协程 async def downloader(url):

梦里梦外;/ 2021年10月29日 07:52/ 0 赞/ 408 阅读

相关 Promise和async/await

这篇先讲Promise和async/await使用，下一篇讲在事件循环中Promise和async/await执行顺序 1.先看一段代码先看一段代码，对Promise和a

一时失言乱红尘/ 2021年10月24日 02:24/ 0 赞/ 442 阅读

相关 async和await

async和await是es7中的语法 ----------------1--------------------- function getData(){

阳光穿透心脏的1/2处/ 2021年09月19日 00:18/ 0 赞/ 384 阅读

相关 promise 和 async await区别

什么是Async/Await? 　　async/await是写异步代码的新方式，以前的方法有回调函数和Promise。　　async/await是基于Promise实现

蔚落/ 2021年07月24日 19:21/ 0 赞/ 524 阅读