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

В JavaScript базовая функция выглядит так:

function squareNumber(number) {
  return number * number;
}

Мы создаем функцию, используя слово, а затем даем ей имя. В этом случае функция называется squareNumber, потому что ее единственная цель — возвести в квадрат любое число, которое вы передаете.

Наша функция принимает один параметр или ввод. Это слово в скобках после имени функции. Имя вашего параметра может быть любым, но лучше вначале использовать слова или сокращения, которые относятся к тому, что представляет параметр. В этом случае я собираюсь передать число в свою функцию, поэтому я назвал параметр number.

Далее наша функция возвращает вывод. Это означает, что он даст нам новое значение после завершения вычислений. В JavaScript * представляет умножение, поэтому возвращаемое значение будет произведением числа и самого себя. Помните: number представляет любое число, которое мы передаем в функцию.

Теперь, когда наша функция создана, нам нужно вызвать ее, используя следующий код:

squareNumber(2);
// 4

Мы вызываем нашу функцию, используя ее имя и передавая ей аргумент, что дает нам результат 4. Аргументы — это просто значения, которые мы передаем в нашу функцию в качестве параметров. Ничего страшного, если вы пока перепутали аргумент и параметр.

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

function squareNumber(2) {
  return 2 * 2;
}
// 4

Теперь, когда мы заменили наши параметры аргументом 2, вы можете видеть, как функция будет умножать 2 на 2, а затем возвращать значение 4.

Вот и все: базовая функция JavaScript!

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

В W3Schools есть ряд интерактивных примеров для получения дополнительной информации о функциях JavaScript. Вы можете проверить их здесь.

Удачного кодирования!