Найти тему
Стать программистом

Функции в JavaScript

Оглавление

https://www.filepicker.io/api/file/KM7c6R4gQnWSV3bEPnpS
https://www.filepicker.io/api/file/KM7c6R4gQnWSV3bEPnpS

Определение и применение функций

Функции - это хлеб с маслом программирования на JavaScript. Концепция упаковки части программы в значение имеет множество применений. Это дает возможности:

  • структурировать более крупные программы;
  • уменьшить количество повторений;
  • связать имена с подпрограммами;
  • изолировать подпрограммы друг от друга.

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

Типичные носители английского языка имеют около 20 000 слов в своем словаре. Немногие языки программирования имеют встроенные 20 000 команд. И доступный словарный запас имеет тенденцию быть более точным и, следовательно, менее гибким, чем в человеческом разговорном языке. Поэтому приходится вводить новые концепции, чтобы избежать повторения.

https://i2.wp.com/www.rednbox.ru/wp-content/uploads/2015/08/CSS-Cheat-Sheet-OverAPI.com_.png
https://i2.wp.com/www.rednbox.ru/wp-content/uploads/2015/08/CSS-Cheat-Sheet-OverAPI.com_.png

Создание функции

Создание функции - это обычная привязка, где значением привязки является функция. Например, этот код определяет квадрат, чтобы обратиться к функции, которая производит квадрат данного числа:

const square = function (x) {
return x * x;
};
console.log (square (12));
// → 144

Функция создается с выражением, которое начинается с ключевого слова function

Функции имеют набор параметров (в данном случае только x) и тело, которое содержит операторы, которые должны выполняться при вызове функции. Тело функции, созданное таким образом, всегда должно быть заключено в фигурные скобки «{}», даже если оно состоит только из одного оператора.

Функция может иметь несколько параметров или вообще не иметь параметров. В примере ниже makeNoise не перечисляет имена параметров, тогда как power перечисляет два:

const makeNoise = function () {
console.log ("Pling!");
};
makeNoise ();
// → Pling!
const power = function(base, exponent) {
let result = 1;
for (let count = 0; count < exponent; count++) {
result *= base;
}
return result;
};
console.log(power(2, 10));
// → 1024

Некоторые функции выдают значение, например power и square, а некоторые нет, например makeNoise, единственным результатом которого является побочный эффект. Оператор return определяет значение, которое возвращает функция.

Когда элемент управления сталкивается с таким оператором, он сразу же выпрыгивает из текущей функции и возвращает возвращенное значение в код, вызвавший функцию. Ключевое слово return без выражения после него приведет к тому, что функция вернет undefined. Функции, которые вообще не имеют оператора return, например makeNoise, аналогично возвращают undefined.

https://i.ytimg.com/vi/JoB4_yKyuK4/maxresdefault.jpg
https://i.ytimg.com/vi/JoB4_yKyuK4/maxresdefault.jpg

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

Благодарю за прочтение статьи, подписывайтесь на канал "Стать программистом"

Не забывайте поставить лайк, если статья была для вас полезной!