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снуля