JavaScript 异步编程（二）：Promise

PromiseState

Promise 有一个 [[PromiseState]] 属性，表示当前的状态，状态有 pending 和 fulfill 以及 reject。

从第一个 Promise 开始，它的状态最开始是 pending，即处于等待异步任务返回结果的状态中。

根据异步返回的情况，再决定 PromiseState 是 fulfill 还是 reject。成功时调用 resolve，并改变 PromiseState 为 fulfill；失败时调用 reject，并改变 PromiseState 为 rejected。

如下图所示：

Promise 解决了什么问题？[JS]异步 JS - 回调地狱

resolve()

在异步任务成功时调用 resolve()。resolve() 可以给 then(() => {}) 内的回调函数传递消息。

new Promise((resolve, reject) => {
    resolve('success')
}).then((r) => {
    console.log(r) // => 'success'
})

reject()

在异步任务失败时调用 reject()。reject() 可以给 then(() => {}) 内的回调函数传递消息，或者 catch(() => {}) 函数。

new Promise((resolve, reject) => {
    reject('failed')
}).then((e) => {
    console.log(e) // => 'failed'
})

语法糖

async/await 是专门方便程序员书写 Promise 而设计的“语法糖”，本质依旧是 Promise。

async 用在 function 关键字之前；await 用在调用异步函数之前，它相当于 then(() => {})：

async function asyncFunc() {
    return new Promise((resolve, reject) => {
        resolve('success')
    })
}

console.log(await asyncFunc()) // => 'success'

try/catch 可以捕获和处理异步任务的错误：

async function asyncFunc() {
    return new Promise((resolve, reject) => {
        reject(new Error('failed'))
    })
}

try {
    await asyncFunc()
} catch (e) {
    console.error(e)
}