В этой первой части учебника по асинхронному JavaScript, мы рассмотрим колбэки, или callback функции, для чего они нужны, как работают и как создать свою колбэк функцию.
Что такое callback функция в javascript:
Если простыми словами, то callback функция, должна выполняться после выполнения другой функции.
Но если сложнее, то любая функция это объект, и любой объект можно передать в функцию, ещё функцию могут возвращает функции, их называют ещё функции вашего порядка, также функция может возвращать другую функцию.
То есть Callback функция, эта параметр для функции, которая должна возвращать функцию.
Зачем нужна callback функция в JavaScript:
Callback функции нужно для гибкости, то есть вы можете создать одну функцию, и потом после неё выполнять другие функции, всё будет зависит от callback функция и вам не придётся переписывать основную.
Или например callbeck используется для сетевых функций, потому-что как привело нужно сначала дождаться ответа, и потом же зависимо от него уже выполнять какие либо действия.
Создание callback функция в JavaScript:
Теперь наконец перейдём к самому созданию функции, для начала сделаем самую обычную функцию, которая будет выводить alert().
вот кукую функцию мы сделаем:
1 2 3 4 5 | function alertHello() { alert("Hello World") } alertHello() |
Как видите это просто функция которая должна запускать alert(), вот и всё, но что если мы передадим ей функцию, которую будем вызывать внутри через пять секунд.
Вот полный пример:
1 2 3 4 5 6 7 8 | function alertHello(name, callbeck) { alert("Hello " + name) setTimeout(callbeck, 5000) } alertHello("alex", () => { alert("Hello") }) |
Как видите внутри функции alertHello(), мы сначала запускаем alert(), потом через пять секунд мы уже запускаем функцию которую передали в качестве callback, и она тоже должна вывести alert().
Как видите в целом тут всё просто и понятно, думаю для старта этого вам хватит.
Вывод:
В этой части учебника вы прочитали про колбэк JavaScript, или callback, узнали что это такое и как с этим работать, самое основное.
Подписываетесь на соц-сети:
Оценка:
Загрузка...