- Теория
- Теория
Функция-помощник
Вы уже заметили проблему?
Программа работает, мили считаются, но что будет, если Кекс пойдёт вразнос и решит слетать ещё в десяток городов? Нам постоянно придётся копировать одну часть кода, менять расстояние, считать, а ещё каждый раз заново объявлять одни и те же переменные, что нарушает правила языка. Мы, конечно, справимся с поставленной задачей, но потратим много времени, да и код разрастётся до сотни строк.
Есть ли более удобный и грамотный способ сделать вычисления без копирования? Есть! Написать функцию.
Функция — кусок кода, который можно написать один раз, а затем многократно использовать. Функция не просто содержит в себе значение, как переменная, а выполняет какое-то действие и решает какую-то задачу: считает, сравнивает, ищет. Например, наша функция будет вычислять накопленные мили с перелёта.
Но сначала посмотрим, из чего состоят функции и как они объявляются (создаются) в коде.
let functionName = function () {
// Действия, которые выполняет функция, или «тело функции»
};
functionName
— имя переменной, которая содержит в себе функцию. По этому имени мы сможем обращаться к функции и использовать её много раз. Давайте считать, что название переменной это и есть название функции.
Есть и другие способы создания функций, о них мы поговорим позже, в других тренажёрах.
Функции создаются не сложнее условий или циклов. Используем ключевое слово function
, дальше добавляем круглые скобки. В фигурных скобках находятся действия, которые функция будет делать каждый раз, как мы к ней обратимся. Помните, как в циклах? Там код внутри { }
называется «телом цикла», а здесь «телом функции».
Напишем функцию calculateMiles
для расчёта миль.
Обратите внимание на название calculateMiles
. Функция буквально вычисляет мили, то есть что-то делает. Это общепринятое правило именования — название функции должно содержать глагол. Так разработчикам удобней ориентироваться в своём и даже чужом коде. Может быть, функцию написал ваш коллега, и вы понятия не имеете, что там внутри. Вам достаточно будет посмотреть на имя функции, чтобы примерно представить, для чего она предназначена.
- index.html
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.