Метод .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 ожидает завершения всех промисов и возвращает их состояния (успешно или с ошибкой) и результаты.

#промисы

Хватит терять время на уже готовый код!

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.

#промисы

Создание класса и экземпляра класса

В этом примере мы создаем класс Person с конструктором и методом sayHello(). Затем мы создаем экземпляр класса и вызываем метод объекта.

#классы

Наследование классов

Здесь Dog наследует от Animal. Метод speak переопределен в классе Dog, чтобы изменить поведение.

#классы