Любой, кто знаком с программированием, уже знает, какие функции делают и как их использовать.
Но, Что именно является функцией обратного вызова?
Позвольте мне прогуляться по нескольким примерам, которые помогут вам понять, какие функции обратного вызова есть и как их использовать в JavaScript.
Функции
Давайте начнем с чего есть функция. Функция – это блок код, который может быть выполнен по мере необходимости. Функции действительно полезны, потому что вы записываете код один раз, а затем вы можете запустить его несколько раз. Чтобы запустить код внутри функции, просто позвоните в функцию. Вот пример, который определяет функцию, а затем вызывает его –
В приведенном выше образце кода мы создали функцию, называемую Greet () (строки 1 – 3), которые имеются параметр, называемое имя. Этот параметр служит заполнителем, чтобы при названии функции значение можно передавать на параметр.
В строке 6 мы назвали функцию Greet (), и мы передали строковое значение «John» в качестве аргумента.
Функции обратного вызова
Функция обратного вызова – это просто функция, которая передается в другую функцию в качестве аргумента, которая затем срабатывает при выполнении другой функции. Ниже приведен пример использования простой функции обратного вызова.
Давайте начнем с создания массива номеров, которые мы будем использовать в нашем примере –
Вот функция, которая проверяет даже номера –
Чтобы найти все даже номера в массиве, который мы создали выше, мы можем использовать метод JavaScript Filter (), который возвращает новый массив, который содержит только цифры, соответствующие условию функции, что означает, что они даже.
Теперь мы можем передавать функцию Updnembers (), описанную выше, к методу фильтра () и назначить его переменную FilteredEvennumbers, как показано ниже –
В этом примере функция до сих пор () – это Функция обратного вызова Потому что он передается как аргумент для другой функции.
Синхронные функции обратного вызова
По умолчанию JavaScript запускает код последовательно сверху вниз, завершив одну командную строку перед началом следующего.
Функция WeeNumbers (), которую мы создали, является примером функции синхронного обратного вызова.
Асинхронные функции обратного вызова
Asynchronicity означает, что JavaScript не ждет операции командной строки для завершения до того, как она начнет выполнять следующую строку кода.
Если вы знакомы с Settimeate, то вы использовали функции обратного вызова!
В следующем примере мы собираемся использовать метод SettimeOut (), который выполняется только через 2 секунды –
В приведенном выше примере мы использовали метод SettimeOut () и называемым функцией Greet () для выполнения 2 секунды спустя. JavaScript начинается подсчитывать 2 секунды. Но тем временем он переходит к следующей команде, которая немедленно отображает «Hello Oliver!». Затем через 2 секунды закончились, функция Greet () работает, и отображает «Hello World!».
Следовательно, даже если функция Greet () была вызвана перед функцией Sayname (), они были выполнены в обратном порядке.
Следующий шаг
Я надеюсь, что это учебное пособие помогло вам понять, какие функции обратного вызова есть и как использовать их так же легко, как функции! Есть еще много, чтобы узнать о функциях обратного вызова, поэтому я призываю вас продолжать практиковать и учиться.
Для практики используя обратные вызовы, проверьте Codesphere , онлайн-редактор кода, в котором вы можете создать, тестировать и развернуть ваши приложения на одной вкладке вашего браузера.
Спасибо за прочтение!
Оригинал: “https://dev.to/codesphere/what-are-callbacks-in-javascript-297h”