«async/await» в JavaScript: простая разбивка

Мне было трудно изучать концепцию async & await в JavaScript, поэтому я хочу объяснить здесь как можно проще, чтобы вам было совсем не сложно:

Что касается асинхронных функций, я полагаю, вы уже знаете об обещаниях в JS. Если нет, прочитайте об обещаниях в JavaScript здесь:

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

асинхронные функции :

Функцию можно сделать асинхронной, используя ключевое слово async. Он может содержать ноль или более выражений ожидания.

Он работает с Promise, чтобы избежать ситуации с несколькими .then() в цепочке обещаний или написать поведение на основе обещаний в понятной манере.

Объявление: его можно объявить с помощью «асинхронной функции», где ключевое слово «ожидание» разрешено в теле функции.

Выражение ожидания приостанавливает выполнение до тех пор, пока обещание возврата не будет выполнено или отклонено, что заставляет функцию обещания вести себя синхронно.

await допустимо только внутри асинхронной функции.

Пример использования обещания:

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();