Асинхронное программирование в JavaScript

ДОБАВИТЬ В КОНСПЕКТ

НАВИГАЦИЯ ПО СТРАНИЦЕ

Колбэки Асинхронные функции

ПОЛНЫЙ ОТВЕТ

БЕЗ ВОДЫ

Без воды — краткий вариант ответа,
легко понять и запомнить

НАВИГАЦИЯ ПО СТРАНИЦЕ

Колбэки Асинхронные функции

Асинхронное программирование в JavaScript является ключевым аспектом, особенно при работе с операциями ввода-вывода (I/O), сетевыми запросами и другими длительными задачами, которые могут замедлить выполнение кода. Два основных подхода к асинхронному программированию включают использование колбэков и асинхронных функций (включая промисы и ключевое слово async/await).

Колбэки (Callbacks)

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

Пример колбэка:

function fetchData(callback) {
    setTimeout(() => {
        const data = 'Результат асинхронной операции';
        callback(data);
    }, 1000);
}

function displayData(data) {
    console.log(data);
}

fetchData(displayData); // Вызов функции с колбэком

Асинхронные функции (Промисы и async/await)

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

function fetchData() {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            const data = 'Результат асинхронной операции';
            resolve(data);
            // reject('Ошибка'); // Пример для обработки ошибки
        }, 1000);
    });
}

fetchData()
    .then(data => {
        console.log(data);
    })
    .catch(error => {
        console.error(error);
    });

Ключевое слово async позволяет создавать функции, возвращающие промисы автоматически, и await используется для ожидания выполнения промиса внутри асинхронной функции.

async function fetchData() {
    try {
        const data = await fetchDataFromSource(); // Ожидание выполнения промиса
        console.log(data);
    } catch (error) {
        console.error(error);
    }
}

fetchData(); // Вызов асинхронной функции

Колбэки, промисы и async/await представляют различные подходы к асинхронному программированию в JavaScript. Каждый из этих методов имеет свои преимущества в зависимости от конкретной ситуации. Промисы и async/await стали более предпочтительными из-за их читаемости и удобства в управлении асинхронными операциями.

Асинхронное программирование в JavaScript осуществляется через колбэки, промисы и ключевые слова async/await. Каждый из этих методов предоставляет способы обработки асинхронных операций, делая код более эффективным и управляемым при работе с асинхронными задачами.