--- slug: "js-async-await-function-with-promise" title: "Differences in Behavior with and without Await in Functions that Create and Return Promises Inside JS Promises" description: "Here's an English translation of the summary for the Japanese blog article:\n\n\"Whether it gets resolved or not: A JavaScript code example.\"\n\nIf you need further assistance or more details, feel free to ask!" url: "https://www.ytyng.com/en/blog/js-async-await-function-with-promise" publish_date: "2019-02-04T04:15:04Z" created: "2019-02-04T04:15:04Z" updated: "2026-02-27T08:48:53.444Z" categories: [] keywords: "" featured_image_url: "https://media.ytyng.com/resize/20230812/8b06350e064f4959979a90311faec913.png.webp?width=768" has_video: false has_music: false video_urls: [] music_urls: [] lang: "en" --- # Differences in Behavior with and without Await in Functions that Create and Return Promises Inside JS Promises

Whether it gets resolved or not.

/**
 * There is a promise
 * @returns {Promise<string>}
 */
function anyPromise(label) {
    return new Promise((resolve, reject) => {
        console.log(label, 'resolve');
        resolve('success.');
    });
}

/**
 * Case 1
 * Await and return a promise
 * @returns {Promise<string>}
 */
async function awaitPromiseReturn() {
    return await anyPromise('await:');
}

/**
 * Case 2
 * Return the promise directly
 * @returns {Promise<string>}
 */
function promiseReturn() {
    return anyPromise('no-await:');
}

{
    const p = awaitPromiseReturn();
    console.log('await:', p);

    p.then((text) => {
        console.log('await:', text);
    });
}

{
    const p = promiseReturn();
    console.log('no-await:', p);

    p.then((text) => {
        console.log('no-await:', text);
    });
}

// Result
await: resolve
await: Promise { <pending> }
no-await: resolve
no-await: Promise { 'success.' }
no-await: success.
await: success.