ES6-async await解决回调地狱

async await

通过 async await 语法可以优雅的以同步的流程表达异步操作;其本质是 Generator 的语法糖。

语法:
async function fun() {
   
	await 异步操作
    await 异步操作
}

特点:

  • 遇到 await 进行等待,当前的异步操作完成后继续往下执行
  • 返回的是 Promise 对象,可以通过 then 方法进行下一步操作
async

async 用于声明一个 function 是异步的,不管 function 是普通函数还是异步函数,通过 async 修饰之后,返回的都是一个 promise 对象,异步函数中的 return 关键字代替了 resolve 方法

async 声明的一个函数中直接 return 一个直接量,async 会把这个直接量通过 Promise.resolve() 封装成 Promise 对象;

只有 async 函数内部的异步操作执行完,才会执行 then 方法指定的回调函数。

async function fun() {
   
    // 返回 promise 对象
    return new Promise((resolve, reject) => {
   
        resolve()
    })
}
// 打印
console.log(fun())

// 通过 async 处理后返回的都是 promise 对象
async function func() {
   
    // 返回 直接量
    return 
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值