3.4ES6/7/8新特性之async函数

async函数

1.async函数

async函数是ES8中新增的一个函数, 用于定义一个异步函数
async函数函数中的代码会自动从上至下的执行代码

2.await操作符
  1. await操作符只能在异步函数 async function 中使用
  2. await表达式会暂停当前 async function 的执行,等待 Promise 处理完成。
  3. 若 Promise 正常处理(fulfilled),其回调的resolve函数参数作为 await 表达式的值 ,然后继续执行 async function。

代码举例:

<script>
    function request() {
        return new Promise(function (resolve,reject) {
            resolve("得到啦~")
        })
    }
    let result=request();
    console.log(result);
    async function gen() {
    
       /*此时变量res中存储的是request()返回的Promise中的
       回调函数resolve函数的参数,而不是一个promise对象*/
       
        let res=await  request();
        console.log(res,1);
        let res1=await  request();
        console.log(res1,2);
        let res2=await  request();
        console.log(res2,3);
    }
    gen();
</script>
结果如下图

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值