【async/await和promise的关系】

async/await

async 字面意思异步 async用于声明一个异步函数

async function fn(){...}

在没有 await 的情况下执行 async 函数,它会立即执行,返回一个 Promise 对象,并且,绝不会阻塞后面的语句。这和普通返回 Promise 对象的函数并无二致。

await 用于等待一个异步函数执行完成,并且语法规定,await只能在async函数里面被使用,如果需要用await等待一个async异步函数完成 ,需要在外面在包裹一层async…

//类似于
async function fn(){...}
async function getAsy(fn){await fn()
}

await 不仅仅用于等 Promise 对象,它可以等任意表达式的结果,所以,await 后面实际是可以接普通函数调用或者直接量的。等待这个操作完成才能进行await语句下面的程序

async/await是一个语法糖,使代码更加优雅,用同步的语句编写异步的代码,消灭异步回调

async/await和promise的关系

async/await ,和promise都可以异步编程
async/await相辅相成,

  • async函数返回的是promise实例对象
  • await后面可以跟promise函数
  • await相当于promise.then方法,并且只是成功的方法resolve,只是await时直接得到一个值,then需要传值进行回调
  • async await与Promise一样,是非阻塞的。
  • async await是基于Promise实现的,可以说是改良版的Promise,它不能用于普通的回调函数。

await

  • await后面跟的不是promise对象,会将其他值包装成一个promise对象
(async function(){const res = await 400 //Promise.resolve(400console.log(res) //400
})()
  • await后面跟一个空对象,后面的语句不会执行,因为await一直在等promise状态变化,但是一直没有变化
(async function(){const p = new Promise(()=>{})const res = await pconsole.log(res)console.log("success")  //什么也没打印
})()
  • await后面跟promise为error的话会报错,相当于.then成功态没有执行成功,可以用try…catch捕捉错误。
(async function(){const p = Promise.reject("error")const res = await pconsole.log(res)console.log("success")
})()    //什么都打印不出来
(async function(){const p = Promise.reject("error")try{const res = await pconsole.log(res)}catch(error){console.log(error)}console.log("success")
})()    //打印出 error  success


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部