[JS]Promise

Promise 状态

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

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

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

[JS]Promise

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)
    })

[JS]Promise

上一篇:react 报错:'React' must be in scope when using JSX react/react-in-jsx-scope


下一篇:http-server快速搭建