Fetch в JavaScript

Базовый пример

fetch('https://fakerapi.it/api/v1/addresses') // url адрез запроса
    .then((res) => {
        return res.json();
    }).then((res) => {
    console.log(res.data);
}) // Вернется promise

Этот пример можно изменить и переделать на async/await, тогда читаемость будет лучше

async/await

Слово async перед функцией, делает функцию асинхронной и автоматически оборачивает ее в promise, и делает его разрешенным

async function one(){
    return 1;
}

one().then((data) => {
    console.log(data);
})

console.log(one());

Ключевое слово await используется, чтобы дождаться выполнения асинхронной операции

async дает право использовать внутри функции ключевое слово await

async function one(){
    const response = await fetch('https://fakerapi.it/api/v1/addresses');
    return await (response.json());
}

one().then((data) => {console.log(data.data)});

async/await упрощают работу с промисами.

Что это нам дает:

• Код легче читать, он линейный
• Легче отлаживать

Await нельзя использовать вне асинхронной функции

Содержание