Перейти к содержимому

18 Колбэк функции в JavaScript

Denis Bielishev

0:00 / 0:00

18 Колбэк функции в JavaScript

11 просмотров · 6 дней назад
Denis Bielishev
27 подписчиков
11 просмотров · 6 дней назад
🚀 *JavaScript для начинающих — Просто. Понятно. С нуля!* В этом видео мы разберём одну из самых важных концепций JavaScript — **функции обратного вызова (Callback Functions)**. Но вместо сложных определений начнём с простой аналогии: 🍕 *вы заказали пиццу и не хотите каждую секунду спрашивать: «Ну что, готово?»* Вы просто оставляете свой номер телефона и ждёте звонка. Примерно так же работают callback-функции. 📌 В этом уроке разберём: 🔹 Что такое *callback-функция* 🔹 Зачем передавать функцию в качестве аргумента другой функции 🔹 Почему важно передавать функцию без `()` 🔹 Как передавать callback через отдельную функцию 🔹 Как использовать *анонимные функции* и стрелочные функции в качестве callback 🔹 Как передавать данные в callback-функцию 🔹 Как callback помогает работать с результатом выполнения операции 🔹 Что такое `setTimeout` и почему он использует callback 🔹 Где callbacks встречаются в реальных JavaScript-приложениях 💡 Главная идея урока: *Callback — это функция, которую мы передаём другой функции, чтобы она вызвала её в нужный момент.* Это особенно важно, когда мы заранее не знаем, **когда завершится какая-то операция**. 🍕 На примере приготовления пиццы разберём callback буквально с нуля, а затем посмотрим, как эта идея используется в настоящем JavaScript. 📝 Домашнее задание Создайте функцию `doSomething`, которая принимает число и callback-функцию: ```javascript function doSomething(number, callback) { // ... } doSomething(10, function(number) { console.log(number * 2); }); // 20 ``` А затем попробуйте использовать другой callback: ```javascript doSomething(10, function(number) { console.log(number + 5); }); // 15 ``` 🎯 *Главная задача:* понять, что функция `doSomething` сама не знает, что именно делать с числом. Это решает callback. 👍 Если видео было полезным — поставьте лайк и подписывайтесь на канал! #javascript #js #callback #callbackfunction #функцииjavascript #javascriptдляначинающих #программирование #обучениеjavascript #урокиjavascript #javascriptснуля