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

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

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

Perfluence
Download Telegram
Функция без аргументов

Эта функция просто выводит "Привет!" в консоль.

#функции
Использование замыканий

Замыкание возникает, когда функция имеет доступ к переменным из внешней области видимости, сохраняя их даже после завершения выполнения внешней функции.

#функции
Функции высшего порядка

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

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

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

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

Эта функция принимает аргумент 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 позволяет выполнить промисы параллельно, и затем мы ожидаем оба результата.

#промисы