[JavaScript]Promiseからasync/awaitへの書き換え #JavaScript

Promiseを用いた処理を,async/awaitを用いた処理に書き換える。

Promiseを用いた処理

getPost(postId)
    .then((post) => getUser(post.userId))
    .then((user) => getOrganization(user.orgId))
    .then((org) => {
        // 必要な処理
    });

async/awaitを用いた処理

const myFunc = async (postId) => {
    const post = await getPost(postId);
    const user = await getUser(post.userId);
    const org  = await getOrganization(user.orgId);
    // 必要な処理

最初にgetPost(postId)を実行
その結果を得られ次第、getUser(post.userId)を実行

全ての操作が非同期で行われますが、awaitによってその処理がコード上は同期的に見えるように記述される。

参考

過去の記事