Асинхронды JavaScript-пен қалай жұмыс істеу керек? async/await пен промистердің айырмашылығы неде?

Асинхронды JavaScript уақытты алатын операцияларды (мысалы, серверге сұрау салу) негізгі ағынды блоктамай орындауға мүмкіндік береді.

Промис — бұл асинхронды операцияның нәтижесін көрсететін объект, ол күту күйінде, орындалған немесе қате шыққан болуы мүмкін. Олар .then() және .catch() арқылы өңдеушілерді тізбектей алуға мүмкіндік береді.

async/await — промистердің синтаксистік қақпағы, ол асинхронды кодты оқуға оңай әрі синхронды сияқты етіп жазуға мүмкіндік береді. async функциясы әрқашан промис қайтарады, ал await функцияның орындалуын промис нәтижесі болғанша тоқтатады.

Промис қолданылған мысал:

fetch('https://api.example.com/data')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error));

Осыған ұқсас async/await қолдану:

async function getData() {
  try {
    const response = await fetch('https://api.example.com/data');
    const data = await response.json();
    console.log(data);
  } catch (error) {
    console.error(error);
  }
}
getData();

Негізгі айырмашылық — async/await оқуды жеңілдетеді және қателерді өңдеуді қарапайым try/catch арқылы жүзеге асыруға мүмкіндік береді.