マンガでわかるJavaScriptのPromise

公開：2024-11-15、更新：2024-11-15

第15話「Promise.resolveとreject」3　ドキュメント

ドキュメント

コード1

　「Promise.all」と「Promise.resolve」の例です。

ソースコード）「Promise.all」と「Promise.resolve」の例


Promise.all([
    Promise.resolve(100),
    Promise.resolve(200),
    Promise.resolve(300)
])
.then(
    val => console.log('○', val),
    val => console.log('×', val)
);

出力）実行結果


○ (3) [100, 200, 300]

コード2

　「Promise.all」と「Promise.reject」の例です。

ソースコード）「Promise.all」と「Promise.reject」の例


Promise.all([
    Promise.resolve(100),
    Promise.resolve(200),
    Promise.reject(300)
])
.then(
    val => console.log('○', val),
    val => console.log('×', val)
);

出力）実行結果


× 300

コード3

　「Promise.allSettled」の例です。

ソースコード）「Promise.allSettled」の例


Promise.allSettled([
    Promise.resolve(100),
    Promise.resolve(200),
    Promise.reject(300)
])
.then(values => console.log(values));

出力）実行結果


[
  {"status": "fulfilled", "value": 100},
  {"status": "fulfilled", "value": 200},
  {"status": "rejected", "reason": 300}
]

コード4

　「then」を持ったオブジェクトを利用した「Promise.resolve」の例です。

ソースコード）「thenable」の例


const thenable = {
    then: (func1, func2) => {
        setTimeout(() => {
            func1('実行');
        }, 500);
    }
};

Promise.resolve(thenable)
.then(res => {
    console.log(res);
});

出力）実行結果