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

Функции —

  1. функция: это зарезервированное ключевое слово JavaScript. Зарезервированные ключевые слова — это те слова, которые JavaScript резервирует для собственного использования. Примеры таких слов: var, if, else, function, return, this, true, false, let, const… В JavaScript есть 63 зарезервированных ключевых слова. Переводим слово «машина» с исходной схемы в слово «функция» на языке JavaScript.
  2. bottleCapper: это имя нашей «машины», имя нашей функции. Функция называется с использованием camelCase. Имя функции может начинаться с букв, символов подчеркивания и долларов. Имя функции может содержать буквы, символы подчеркивания, знаки доллара и цифры.
  3. круглые скобки или «круглые скобки» используются в JavaScript несколькими способами. В контексте этой статьи нас интересует следующее: хранить «сырье», которое наша «машина» берет. Другими словами, круглые скобки содержат входные данные, которые ожидает наша функция. Функция может принимать ноль или более параметров. Если вы определяете это, это зависит от вас. В JavaScript также есть некоторые предопределенные функции, поэтому иногда вы не можете выбрать количество параметров.
  4. фигурные скобки, также известные как фигурные скобки, содержат список «инструкций» для нашего «машина». Они в основном говорят нашей функции, что выводить. Мы можем выбрать, что выводит наша функция, используя ключевое слово return. Фигурные скобки и код внутри называются блоком кода. Блок кода обычно занимает несколько строк. Примечание: функция всегда что-то возвращает (если мы используем ключевое слово return, она вернет любое значение, которое мы ей укажем; если мы опустим return ключевое слово, функция вернет значение undefined).

Функции обратного вызова —

Зачем нужны функции обратного вызова?

JavaScript выполняет код последовательно сверху вниз. Однако в некоторых случаях код запускается (или должен запускаться) после того, как что-то еще происходит, а также не последовательно. Это называется асинхронным программированием.

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

В JavaScript способ создания функции обратного вызова состоит в том, чтобы передать ее в качестве параметра другой функции, а затем вызвать ее обратно сразу после того, как что-то произошло или какая-то задача была завершена.

Как только вы поймете, как информация проходит как через функцию, так и через функцию обратного вызова, все становится намного проще, чем глубже вы погружаетесь в JavaScript.