JavaScript의 'async/await' : 쉬운 분석

JavaScript에서 async & await 개념을 배우는 데 어려움을 겪었기 때문에 여기에서 최대한 간단하게 설명하고 싶기 때문에 전혀 어렵지 않을 것입니다.

비동기 함수의 경우 JS의 약속에 대해 이미 알고 있다고 가정합니다. 그렇지 않은 경우 여기에서 JavaScript의 약속에 대해 읽어보세요.

https://amitabhiam.medium.com/i-promise-this-way-promise-won-t-break-your-heart-in-javascript-promises-727747b8a6ec

비동기 함수 :

'async' 키워드를 사용하여 함수를 비동기로 만들 수 있습니다. 0개 이상의 'await' 표현식을 포함할 수 있습니다.

Promise 체인에서 여러 .then() 상황을 피하거나 명확한 스타일 방식으로 약속 기반 동작을 작성하기 위해 Promise와 함께 작동합니다.

선언 : 함수 본문 내에서 'await' 키워드가 허용되는 'async function'을 사용하여 선언할 수 있습니다.

await 표현식은 반환 약속이 이행되거나 거부될 때까지 실행을 일시 중지하므로 약속 함수가 동기적으로 작동합니다.

await는 async 함수 내에서만 유효합니다.

약속을 사용하는 예:

function resolveAfter6Second() {
    console.log("starting a slow promise");
    return new Promise ((resolve) => {
        setTimeout( function () {
            resolve("slow");
            console.log("This is slow promise");
        }, 6000);
    } );
}

function resolveAfter3Second() {
    console.log("starting fast promise");
    return new Promise((resolve) => {
      setTimeout(() => {
        resolve("fast");
        console.log("fast promise is done");
      }, 3000);
    });
  }


async function sequentialStart() {
    console.log("performing Sync Operation");

    const slow = await resolveAfter6Second();
    console.log(slow);

    const fast = await resolveAfter3Second();
    console.log(fast);
}

sequentialStart();