Почувствуете ли вы, что изучаете функции обратного вызова, похожие на Sharpay?

Ну, прежде чем мы перейдем к техническим вопросам, давайте подумаем об этом более теоретически: о торте! ?

Представьте, что вы хотите испечь торт на день рождения друга. Накануне дня рождения вы следуете рецепту глазури и ставите ее в холодильник на ночь. Здесь рецепт глазури — функция обратного вызова. Вы еще не используете глазурь, но она ждет, чтобы ее использовали позже!

В день вечеринки по случаю дня рождения вы решаете найти рецепт торта. Для этого потребуется мука, вода, яйца, сахар, разрыхлитель, соль, молоко, и глазурь.

Этот рецепт или функция использует набор переменных, а также этот рецепт или функцию для глазури. Он вызывает тот рецепт, который вы уже создали или объявили ранее.

Ладно о торте (к сожалению), давайте перейдем к техническим вещам:

На этом этапе мы привыкли передавать переменные в качестве аргументов функции. В Javascript мы также можем использовать функции для передачи в качестве аргументов в новую функцию. Первая функция — это функция обратного вызова, и именно она передается в качестве аргумента через новую функцию.

Например:

//функция обратного вызова
функция обледенения ( ) {
console.log("ванильная глазурь")
}

//новая функция
функция торта (вариант, обратный вызов) {
console.log("Мой вкус торта — " аромат);
перезвонить();
}

//используем функцию обратного вызова в качестве аргумента
торт («тыква», глазурь);

Как вы думаете, какой результат?

Внизу кода вы можете видеть, что мы вызвали функцию торта. Поскольку мы передаем «тыкву» в качестве первого аргумента, мы знаем, что консоль зарегистрирует «Вкус моего торта — тыква»

Вторая часть этой функции использует второй параметр для вызова этой функции. Когда мы вызываем cake, мы видим, что второй параметр, который мы вызываем, — это функция глазури. Функция icing хочет, чтобы мы в console.log записали «ванильную глазурь».

Поэтому в нашей консоли должно быть написано:

Мой вкус торта — тыква
ванильная глазурь

И вот наш рецепт функции обратного вызова, наслаждайтесь!

Дополнительное испытание:
Попробуйте написать функцию декорирования, которая использует функцию обратного вызова для украшения торта!

Другие материалы:

https://www.programiz.com/javascript/callback
https://developer.mozilla.org/en-US/docs/Glossary/Callback_function