[JS]Promise

Promise 状态

Promise 是一个对象，表示异步操作的结果。它有一个 [[PromiseState]] 属性，表示当前的状态，状态有两种，即 pending 和 fulfilled 以及 rejected。

在异步任务完成之前，Promise 的状态是 pending，即等待状态中。根据异步任务完成的情况改变 fulfilled 或 rejected。

异步任务成功时调用 resolve，并改变 Promise 的状态为 fulfilled ；失败时调用 reject，并改变 Promise 的状态为 rejected 。

Promise 可以做什么？请转至[JS]回调函数和回调地狱 - 回调地狱一文，了解 Promise 能够解决什么问题。

resolve

resolve 即在异步任务成功时调用。它还可以携带一条成功消息给 then() 函数。

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

reject

reject 即在异步任务失败时调用。它可以携带一条错误消息给 then() 或者 catch() 函数。

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

Promise 链

Promise 允许链式异步操作，无需把每个操作嵌套在前一个操作的回调内部，因此 Promise 可以解决回调地狱的问题。

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

asyncFn()
    .then((res) => {
        return asyncFn()
    })
    .then((res) => {
        return asyncFn()
    })
    .catch((error) => {
        console.log(error)
    })

并行 Promise

Promise 提供的静态方法 all() 可以并行执行任意数量的 Promise。

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

Promise.all([asyncFn(), asyncFn()])
    .then((res) => {
        console.log(res) // ["success", "success"]
    })
    .catch((error) => {
        console.log(error)
    })