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

События и функции обратного вызова имеют недостатки при обработке асинхронных операций, здесь на сцену выходят промисы. обещания решили проблему неуправляемого кода, возникшего из-за функций обратного вызова.

СИНТАКСИС

ПРОИЗВОДСТВЕННЫЙ КОДЕКС

пусть myPromise = новое обещание (функция (успех, отклонение) {

успех(); // при успехе
Reject(); // при ошибке
});

ПОТРЕБИТЕЛЬСКИЙ КОД

myPromise.then(
функция (значение) { },
функция (ошибка) { }
);

Обещание имеет четыре состояния:

1.fulfilled (действие по обещанию выполнено успешно)

2.pending (обещание находится в ожидании)

3.rejected (обещание не выполнено)

4.settled (успешно или неудачно)

Асинхронный синтаксис

Использование async перед функцией заставляет функцию возвращать обещание.

асинхронная функция myFunction() {
возвращает «Привет»;
}

использование ключевого слова await перед тем, как функция заставляет функцию ждать обещания.

асинхронная функция Display_Message() {
let myPromise = new Promise(function(myResolve, myReject) {

myResolve("Мир JavaScript!!");
});
document.getElementById("trial").innerHTML = await myPromise;
}
Display_Message ();

вывод-: МИР JAVASCRIPT!!

ХОРОШО, я думаю, что это краткое объяснение поможет вам освежить понятия и кристально прояснит ваш запутанный ум, чтобы разделить обещания, асинхронность и ожидание. Надеюсь, это поможет вам!