js异步编程之async/await详解_js异步实现原理
async 和 await 是 ES6 引入的关键字,用于异步编程。
- async 用于声明一个函数为异步函数,异步函数的返回值会被隐式地Promise.resolve()包装。这样 asyn函数就会返回一个Promise对象,可以像其他Promise对象一样使用.then()和.catch()。
- await 只能在async函数内部使用,且只能等Promise对象的结果。遇到await,异步函数会暂停执行,等待Promise的结果,再恢复异步函数的执行并返回解析值。如果Promise变为reject状态,会抛出异常,需要通过catch捕获处理。
async和await的区别:
- async用于定义一个函数,表示其内部有异步操作。async函数返回的永远是一个Promise对象。
- await用于等待一个Promise对象的resolve,并获取resolve的值。await必须在async函数内部使用,而async函数返回的总是一个Promise对象
示例代码：
async function test() {
console.log('test start')
let value = await Promise.resolve('await value')
console.log(value)
console.log('test end')
}
console.log('1')
test()
console.log('2')输出结果：
1
test start
2
await value
test end执行时序图：
从执行结果和执行时序图可以看出，程序是按顺序执行的，但是在执行test函数时，await会等待Promise.resolve异步执行完成后返回结果再继续执行test函数后面的语句。
总结
async 和 await 让异步代码看起来像同步代码，大大提高了异步编程的可读性和开发体验。async 定义异步函数，await 在异步函数中等待异步操作的完成。