JavaScript Promise を return するときに値も return したい

これも忘れそうだからメモっておこう

関数でpromiseをreturnすると、受け取った側でthenできるけど、そしたらどうやってpromiseじゃない値をreturnするの？という疑問

答えは resolve(ここに渡したい値をobjectにまとめて書く);

(a) awaitで受け取る

awaitをチェーンするのはおすすめしないので、エラー処理にはtry..catchが必要。

<script>

const worker = async () => {
        // Promiseをreturnします。そのPromiseの中に resolve()した内容が入ってる＝結果として `返り値を持ったPromise` がreturnされます
    return await new Promise((resolve) => {        // Promiseをreturn
        setTimeout(()=>{
            resolve({
                status: `success`,  //<------Promiseに持たせる戻り値をresolve()で指定する
                other1: `...`,
                other2: `...`
            });
        }, 1000)
    });
}

// awaitを中で使うので、この start() は async で宣言する
const start = async () => {
    try {
        const p = await worker();           //<------この p で受け取ってるよ
        console.log(`status=${p.status}`);   //<------受け取ったpを使える
    } catch(e) {
        console.log(e);
    }
}

start();

</script>

result

{status: "success"}

(b) thenで受け取る

<script>

const worker = async () => {
    return await new Promise((resolve) => {  // Promiseをreturnします。
        setTimeout(()=>{
            resolve({
                status: `success`, //<------関数が任意の戻り値を返す、resolve()が returnだと思ってください
                other1: `...`,
                other2: `...`
            });
        }, 1000)
    });
}

// awaitを中で使うので、この start() は async で宣言する
const start = async () => {
    worker().then((p) => {                      //<------この p で受け取ってるよ
        console.log(`status=${p.status}`);         //<------受け取ったpを使える
    }).catch((e) => {
        console.log(e);
    });
}

start();

</script>

result

{status: "success"}

---

JavaScript Promiseの実行タイミング Promise.start() とか Promise.execute() 的なもの
https://qiita.com/uturned0/items/6f19b32ec1154e63b453
JavaScript Promise, await, Promise.all() 周りのメモ。一部処理だけ待ちたい/同期させたい場合 etc
https://qiita.com/uturned0/items/74ff00cbef3290d0aed2
PromiseとAwaitの違い、Promiseで勘違いしたこと
https://qiita.com/uturned0/items/d68ba5d771e536489c40