Promise.allの結果を変数に入れると、rejectをcatchできない

Question

前提

Promise.allの結果を変数に入れ、rejectをcatchしようとすると、
Promiseがpendingにならないのですが、原因が分かりません。

よろしくお願いします。

発生している問題・エラーメッセージ

・変数にthenを付けた場合
Promise {<rejected>: 'err2'}
    [[Prototype]]: Promise
    [[PromiseState]]: "rejected"
    [[PromiseResult]]: "err2"

・変数に結果を入れなかった場合
Promise {<pending>}
    [[Prototype]]: Promise
    [[PromiseState]]: "fulfilled"
    [[PromiseResult]]: undefined

該当のソースコード

function p1(){
    const promise1 = new Promise((resolve, reject) => {
        setTimeout(() => {
            console.log("promise1");
            reject("err1");
        }, 2000)
    });
    return promise1;
}

function p2(){
    const promise2 = new Promise((resolve, reject) => {
        console.log("promise2");
        reject("err2");
    });
    return promise2;
}



const result = Promise.all([p1(), p2()]);
result.then(() => {
    console.log("done");
})
.catch(() => {
    console.log("error");
    console.log(result);
});

試したこと

以下のコードでは正常に動作します。

const result = Promise.all([p1(), p2()])
.then(() => {
    console.log("done");
})
.catch(() => {
    console.log("error");
    console.log(result);
});

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[yambejp]

https://teratail.com/questions/c0d8zvihvul732

では解決できないですか？

Answer 1

promiseのrejectはpromise自体でcatchしてくだい

new Promise((resove,reject)=>{reject('err')}).catch(console.log);

Comments

[norio1435]

参考にします。
ありがとうございました。

Answer 2

どちらのコードでも catch はできているはずです。

const result = Promise.all([p1(), p2()]);

この場合、result は Promise.all() の返り値で、指定された2つのPromiseを両方処理するために作られた Promise です。

const result = Promise.all([p1(), p2()]).then(...).catch(...);

この場合、result は catch() の戻り値で、catch() に渡した関数の実行後に fulfill される Promise です。Promise.all() の戻り値とは別の Promise です。

Comments

[norio1435]

Promiseが<pending>になっていないことに気を取られてました。
確かに、catchはできてます。

その上で、Promise.all()の戻り値とは別のPromiseということも理解
できました。

ありがとうございます。