Async & Await в основном просто синтаксический сахар на вершине обещаний. Вот мой последний пост и очень короткое и удивительное объяснение Async and Wait.
Если вы используете Async Keyword Перед определением функции вы можете использовать ждет внутри функции. Wait дает вам возможность приостановить функцию не блокировкой, пока обещание не будет улажено.
Если обещание выполняется, вы получаете ценность назад Анкет Если нет, то отвергнутое значение – брошен Анкет Вот прекрасный пример для вас ниже:-
async function fetchUsers( endpoint ) {
const res = await fetch( endpoint );
const data = await res.json();
const usernames = data.map( user => user.username);
console.log(usernames);
}
fetchUsers( 'https://jsonplaceholder.typicode.com/users');
/*
["Bret", "Antonette", "Samantha", "Karianne", "Kamren", "Leopoldo_Corkery", "Elwyn.Skiles", "Maxime_Nienow", "Delphine", "Moriah.Stanton"]
*/
Во -первых, данная конечная точка получена. На этом этапе функция приостанавливается до тех пор, пока не выполнено обещание извлечения.
После этого ответ читается и анализируется как JSON. Потому что мы тоже этого ждем, Json () это Обещание Асвел, мы снова остановим функцию, пока она не будет выполнена.
Когда все это будет сделано, мы можем использовать полученные данные и, например, отобразить их и записать в консоли.
Что одно из ожиданий отвергается?
=> Мы можем добавить catch () каждому ожиданию, потому что они просто нормальные обещания!
С уловами, добавленными в ожидания, наша функция будет выглядеть как пример ниже.
async function fetchUsers( endpoint ) {
const res = await fetch( endpoint ).catch(e => console.error(e.message));
const data = await res.json().catch(e => console.error(e.message);
const usernames = data.map( user => user.username);
console.log(usernames);
}
- Метод map () объяснил
- Метод Filter () объяснил
- Окно -объект в JavaScript
Помогите, пожалуйста, пожалуйста
Нужна помощь в сборе фонда, чтобы купить механическую клавиатуру. Эта пандемия сильно повлияла на мою семью, поэтому не могу спросить моего отца об этом. Пожалуйста, помогите мне.
Это было чем -то коротким, я хотел поделиться! Happy Coding.
Оригинал: “https://dev.to/rahxuls/async-await-explained-in-short-5cek”