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