ES6 中async和await

async await的使用

注意async 和await是配套使用的当在其他普通函数中使用await会报语法错误

  1. async函数返回一个 Promise 对象
async function isProimse(){

    // return 'isProimse'     //then 接收成功  async函数内部return语句返回的值,会成为then方法回调函数的参数 
     throw new Error('异步执行失败');  //catch接收异常  async函数内部抛出错误,会导致返回的 Promise 对象变为reject状态,抛出的错误对象会被catch方法回调函数接收到
}

isProimse().then(resolve=>{
    console.log(resolve); //接收成功
}).catch(error=>{
    console.log(error); //接收异常
})
  1. async和await配套使用

    一般情况下,await命令后面是一个Promise对象

    async function fun(resolve) {

        let a = await new Promise((resolve, reject) => {
            setTimeout(() => {
                resolve('异步1')
            }, 3000)
        })

        console.log('a异步执行完毕') //等待a promise 执行完毕后执行

        let b = await new Promise((resolve, reject) => {
            setTimeout(() => {
                resolve('异步2')
            }, 3000);
        })
        console.log('b异步执行完毕') //等待b promise 执行完毕后执行
        throw new Error('异步执行失败'); // catch中接收失败
        return  a + b + '全部执行完毕'  // then中接收成功
    }

    fun().then(res => {
        console.log(res)
    }).catch(error=>{
        console.log(error);
    })

个人总结 ES6中 async 和await 为异步提供了更好的一种代码方案,使异步的代码看起来像同步

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值