快捷導航

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

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

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

介紹

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

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

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

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

對Promise進行鏈式調(diào)用時,后面的方法（then和catch）讀取的是上一步的執(zhí)行結(jié)果

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

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

打印結(jié)果為：

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

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

當Promise出現(xiàn)異常時，而整個調(diào)用鏈中沒有catch，則異常則會向外拋出

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

靜態(tài)方法

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

Promise.resolve()

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

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

Promise.all

需要有多個Promise需要執(zhí)行，且需要多個Promise都執(zhí)行完畢，再將結(jié)果進行統(tǒng)一處理，就使用Promise.all來處理
語法： Promise.all(iterable）
Promise.all([...]) 同時但會多個Promise的執(zhí)行結(jié)果，其中有一個報錯，就返回錯誤信息
all需要一個數(shù)組(可迭代對象) 作為參數(shù)，數(shù)組種可以存放多個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會返回一個新的Promise，當三次計算都完成后，新的promise也會變成完成狀態(tài)，并將三次執(zhí)行的結(jié)果封裝到數(shù)組中返回。\

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

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