快捷導(dǎo)航

掌握Node.js中的Promise異步編程方式

更新時(shí)間：2023年05月05日 09:09:29 作者：火木火木

Node.js中的Promise是一種異步編程方式，可以解決回調(diào)地獄問題，提高代碼可讀性和可維護(hù)性。通過掌握Promise的使用方法，可以更好地進(jìn)行異步編程，避免一些常見的錯(cuò)誤和陷阱

介紹

Promise就是一個(gè)用來存儲(chǔ)數(shù)據(jù)的對(duì)象
但是由于Promise存取方式的特殊，所以可以直接將異步調(diào)用的結(jié)果存儲(chǔ)到Promise中

function sum(a, b) {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            resolve(a + b)
        }, 1000)
    })
}
// 返回的是Promise,所以接收的時(shí)候不用變量接收，而是采用then獲取Promise存儲(chǔ)的數(shù)據(jù)
sum(123, 345).then(result => {
    console.log("結(jié)果為", result)
})

調(diào)用方法就會(huì)有返回值，而調(diào)用then、catch、finally三種方法都會(huì)產(chǎn)生一個(gè)新的Promise

const promise = new Promise((resolve, reject) => {
    resolve("沒問題的數(shù)據(jù)")
})
const p2 = promise.then()
console.log(p2)

對(duì)Promise進(jìn)行鏈?zhǔn)秸{(diào)用時(shí),后面的方法（then和catch）讀取的是上一步的執(zhí)行結(jié)果

如果上一步的執(zhí)行結(jié)果不是當(dāng)前想要的結(jié)果，跳過當(dāng)前的方法

const promise = new Promise((resolve, reject) => {
    reject("沒問題的數(shù)據(jù)")
})
// promise的鏈?zhǔn)秸{(diào)用
promise
    .then(r => console.log("第一個(gè)then", r))
    .catch(r =>  {
        console.log("異常處理", r)
        return "嘻嘻"
    })
    .then(r => console.log("第二個(gè)then", r))

打印結(jié)果為：

異常處理沒問題的數(shù)據(jù)
第二個(gè)then 嘻嘻

上述示例中，reject綁定了異常的數(shù)據(jù)，下面的promise調(diào)用的第一個(gè)then方法顯然不會(huì)接收reject綁定的那個(gè)的數(shù)據(jù)，即有問題的數(shù)據(jù)，所以第一個(gè)then被跳過，catch則專門用來接收有問題的數(shù)據(jù)和reject綁定的數(shù)據(jù)，所以進(jìn)入和catch方法并打印 “沒問題的數(shù)據(jù)" ,這個(gè)方法的結(jié)尾還有個(gè)return,這個(gè)return返回的 ”嘻嘻” 顯然是個(gè)正常數(shù)據(jù)，執(zhí)行完catch后返回了正常數(shù)據(jù) “嘻嘻" 給新的promise,這個(gè)正確數(shù)據(jù)又被之后的 then方法捕捉到了，所以會(huì)把 ”嘻嘻" 接著打印出來；每次調(diào)用catch、finally、then都會(huì)產(chǎn)生一個(gè)新的promise

當(dāng)Promise出現(xiàn)異常時(shí)，而整個(gè)調(diào)用鏈中沒有catch，則異常則會(huì)向外拋出

所以一般都會(huì)在最后放catch方法，防止會(huì)有異常而沒有相應(yīng)的處理方法

靜態(tài)方法

Promise的靜態(tài)方法直接通過Promise類去調(diào)用，這些方法可以幫助我們完成一些更加復(fù)雜的異步操作

Promise.resolve()

創(chuàng)建一個(gè)立即完成的Promise

Promise.resolve(10)
// 等價(jià)于
new Promise((resolve, reject) => {
    resolve(10)
})

Promise.all

需要有多個(gè)Promise需要執(zhí)行，且需要多個(gè)Promise都執(zhí)行完畢，再將結(jié)果進(jìn)行統(tǒng)一處理，就使用Promise.all來處理
語法： Promise.all(iterable）
Promise.all([...]) 同時(shí)但會(huì)多個(gè)Promise的執(zhí)行結(jié)果，其中有一個(gè)報(bào)錯(cuò)，就返回錯(cuò)誤信息
all需要一個(gè)數(shù)組(可迭代對(duì)象) 作為參數(shù)，數(shù)組種可以存放多個(gè)Promise

function sum(a, b) {
    return new Promise((reslove, reject) => {
        setTimeout(() => {
            reslove(a + b)
        }, 1000);
    })
}
Promise.all([sum(1, 1), sum(2, 3), sum(3, 3)])
    .then((result) => {
        console.log(result)
    })

上面的例子中，調(diào)用三次sum，且將其添加到數(shù)組中傳遞給all,調(diào)用all會(huì)返回一個(gè)新的Promise，當(dāng)三次計(jì)算都完成后，新的promise也會(huì)變成完成狀態(tài)，并將三次執(zhí)行的結(jié)果封裝到數(shù)組中返回。\

// 添加的數(shù)據(jù)中一旦出現(xiàn)一個(gè)或者多個(gè)reject添加的錯(cuò)誤信息， 整體的運(yùn)行結(jié)果就會(huì)報(bào)錯(cuò)
Promise.all([sum(1, 1), sum(2, 3), sum(3, 3)], Promise.reject("哈哈"))
    .then((result) => {
        console.log(result)
    })

注意：在all中添加數(shù)據(jù)，如果出現(xiàn)了一個(gè)或者多個(gè)通過reject添加的錯(cuò)誤信息，運(yùn)行結(jié)果就會(huì)報(bào)錯(cuò)，一個(gè)錯(cuò)，整個(gè)就錯(cuò)