【一分钟JavaScript】async和 await

超、凢脫俗 2022-01-12 02:45 218阅读 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 条评论，218人围观）

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

相关阅读

相关 async和await

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

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

相关一分钟教你学会ajax、async/await联调接口！！！

在实现前后台分离之后，后台只需要给前台提供相应的接口（数据请求地址），而众多的接口如果没有很好的管理，对于开发和维护都是很不友好的，如果我们在每个页面需要获取数据的时候直接，通

柔光的暖阳◎/ 2023年06月30日 04:28/ 0 赞/ 35 阅读

相关 async和await

`作用：async`和`await`关键字让我们可以用一种更简洁的方式写出基于[`Promise`][Promise]的异步行为，而无需刻意地链式调用`promise`。 a

- 日理万妓/ 2023年02月27日 13:57/ 0 赞/ 10 阅读

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

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

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

相关 async 和 await

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

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

相关 async/await 和 promise

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

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

相关【一分钟JavaScript】async和 await

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

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

相关 async和await

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

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

相关 Promise和async/await

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

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

相关 async和await

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

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