Простой JavaScript
6.28K subscribers
1.32K photos
51 links
JavaScript человеческим языком.
Аудитория: Frontend разработчики, верстальщики, люди, интересующиеся языком программирования JavaScript.

Сотрудничество: @noname_media

Канал на бирже: telega.in/channels/simple_js/card?r=-Cl9H

Perfluence
Download Telegram
Объявление функции

Эта функция принимает аргумент name и возвращает строку приветствия.

#функции
Метод .reduce()

Метод .reduce() выполняет агрегацию элементов массива с помощью переданной функции.

#функции
Метод .filter()

Метод .filter() создает новый массив, содержащий только элементы, которые удовлетворяют условию.

#функции
Объявление функции

Эта функция принимает аргумент name и возвращает строку приветствия.

#функции
Функция как аргумент

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

#функции
Использование async/await для обработки ошибок в асинхронной функции

Внутри async функции можно использовать try/catch для обработки ошибок, которые возникают при выполнении асинхронных операций.

#промисы
Использование Promise.allSettled для выполнения промисов с разными результатами

Promise.allSettled позволяет выполнить все промисы и получить информацию о каждом из них, независимо от результата.

#промисы
Использование Promise.reject для создания отклоненного промиса

Promise.reject создает отклоненный промис с указанным сообщением об ошибке.

#промисы
Использование Promise.resolve для создания успешного промиса

Promise.resolve создает успешный промис с указанным значением.

#промисы
Ожидание выполнения промисов в определенной последовательности

Здесь мы обеспечиваем выполнение промисов в порядке итерации по массиву promises.

#промисы
Использование async/await в цикле

Этот пример демонстрирует использование async/await в цикле для выполнения асинхронных операций в определенной последовательности.

#промисы
Ожидание выполнения промиса с таймаутом

Promise.race ожидает первого выполненного промиса и может использоваться для установки временного ограничения.

#промисы
Преобразование колбэка в промис с util.promisify

util.promisify преобразует асинхронную функцию использующую колбэк, в промис, что делает ее удобной для использования с async/await.

#промисы
Ожидание выполнения нескольких промисов с Promise.allSettled

Promise.allSettled ожидает завершения всех промисов и возвращает их состояния (успешно или с ошибкой) и результаты.

#промисы
This media is not supported in your browser
VIEW IN TELEGRAM
Хватит терять время на уже готовый код!

Frontend Trends — библиотека фронтендера, где собраны готовые CodePen решения для ежедневных задач. Эффекты при наведении, 3D-анимации, готовые карточки и др.

Зашли – сохранили – применили в своём проекте. Пользуйтесь: @trends_frontend
Параллельное выполнение промисов с Promise.all и async/await

Promise.all позволяет выполнить промисы параллельно, и затем мы ожидаем оба результата.

#промисы
Последовательное выполнение промисов с async/await

Здесь мы ожидаем выполнения someAsyncFunction1, а затем someAsyncFunction2, гарантируя последовательное выполнение.

#промисы
Использование async/await для ожидания выполнения промиса

Функция doAsyncWork ожидает выполнения промиса и выводит его результат при успешном выполнении или ошибку при отклонении.

#промисы
Промис с отклонением и catch

Здесь промис отклоняется через 1 секунду, и мы ловим ошибку с помощью метода catch.

#промисы
Простой промис с resolve и then

В этом примере мы создаем промис, который успешно выполняется через 1 секунду и передает строку "Успех!" в функцию then.

#промисы