Async/await — это мощная функция JavaScript, которая позволяет разработчикам писать асинхронный код, который выглядит и ведет себя аналогично синхронному коду, тем самым упрощая написание и чтение кода.
Используя async/await в сочетании с обещаниями, мы можем элегантно составлять асинхронный код, имитирующий линейный поток синхронного кода, тем самым улучшая его читаемость и уменьшая его сложность.
async function getData() {
const response = await fetch('https://api.example.com/data');
const data = await response.json();
return data;
}
getData().then(data => console.log(data));
Здесь мы определили функцию, которая возвращает обещание, объявленное с использованием ключевого слова «async». Внутри функции мы используем ключевое слово «ожидание», чтобы приостановить выполнение до тех пор, пока обещание, возвращаемое методом «выборки», не будет разрешено. Впоследствии мы извлекаем данные ответа в формате JSON с помощью «response.json()» и возвращаем их. Наконец, после вызова функции «getData» мы обрабатываем разрешение промиса, используя метод «тогда», который записывает данные, возвращенные промисом, в консоль.
Чтобы использовать надежные возможности JavaScript по обработке ошибок, мы можем реализовать блок try/catch, используя функциональность async/await. Эта комбинация позволяет нам писать более отказоустойчивый код, который может изящно восстанавливаться после ошибок.
async function getData() {
try {
const response = await fetch('https://api.example.com/data');
const data = await response.json();
return data;
} catch (error) {
console.error(error);
}
}
getData().then(data => console.log(data));
Используя async/await с несколькими запросами, мы можем эффективно получать данные из нескольких конечных точек одновременно, сводя к минимуму время, необходимое для выполнения запросов. Этого можно достичь, используя метод Promise.all, который позволяет нам одновременно и эффективно выполнять несколько промисов.
async function getData() {
const [userResponse, postsResponse] = await Promise.all([
fetch('https://api.example.com/user'),
fetch('https://api.example.com/posts')
]);
const userData = await userResponse.json();
const postsData = await postsResponse.json();
return { user: userData, posts: postsData };
}
getData().then(data => console.log(data));
Async/await — это как иметь личного помощника, который позаботится обо всех повседневных и трудоемких задачах в вашей жизни, пока вы можете расслабиться и отдохнуть. С помощью async/await вы можете писать асинхронный код, который выглядит и ведет себя как синхронный код, и вам больше никогда не придется беспокоиться об управлении несколькими обратными вызовами или цепочками промисов! :)
