await 是 async wait 的简写, 是 generator 函数的语法糖。
async 函数的特点:
- async 声明一个方法是异步的,await 则等待这个异步方法执行的完成
asyncReadFile = async function () { var f1 = await readFile(‘/etc/fstab‘) var f2 = await readFile(‘/etc/shells‘) console.log(f1.toString()) console.log(f2.toString()) }
- await 只能出现在 async 函数中, 用在 async 外或者普通函数内都会报错
function getDay () { return new Date().getDay() } const today = await getDay () // Uncaught SyntaxError: Unexpected identifier
- async函数返回一个 Promise 对象,如果在函数中 return 一个直接量,async 会把这个直接量通过 Promise.resolve() 封装成 Promise 对象
async function getName () { return ‘wangxi‘ } getName() // Promise {[[PromiseStatus]]: "resolved", [[PromiseValue]]: "wangxi"}
- async函数内部return语句返回的值,会成为then方法回调函数的参数
async function getName () { return ‘wangxi‘ } getName().then(value => console.log(value)) // wangxi
- 只要一个
await
语句后面的 Promise 变为reject
,那么整个async
函数都会中断执行
async function f() { await Promise.reject(‘出错了‘) await Promise.resolve(‘hello world‘) // 不会执行 } f() // VM259:4 Uncaught (in promise) 出错了
- 如果希望前一个异步操作失败但不会影响后面的异步操作继续进行,可以将前面的 await 放在 try...catch 结构里面(如果有多个 await ,则需要将每一个 await 都放在 try...catch 中)
async function f() { try { await Promise.reject(‘出错了‘) } catch(e) { } return await Promise.resolve(‘hello world‘) } f().then(v => console.log(v))
或者在 await 后面的 Promise 对象加一个 catch 方法来处理错误
async function f() { await Promise.reject(‘出错了‘).catch(e => console.log(e)) await Promise.reject(‘又出错了‘).catch(e => console.log(e)) return await Promise.resolve(‘hello world‘) } f().then(v => console.log(v)) // 出错了 // 又出错了 // hello world
- 如果多个异步操作不存在继发关系,则可以使用 Promise.all 同时触发异步操作
async function f () { // 先后,先执行 getName() 再执行 getAge() const name = await getName() const age = await getAge() console.log(name, wangxi) // wangxi 25 // 同时触发 let [name1, age1] = await Promise.all([getName(), getAge()]) console.log(name1, age1) // wangxi 25 }
时间: 2024-10-10 13:45:57