Урок 4. Основы JavaScript. Функции
Функции – важная часть программы. Они представляют собой алгоритм выполнения какого-то действия. Берём данные, подаём их в функцию и на выходе получаем результат. Её можно вызывать бесконечно в любой части программы, где необходимо выполнить этот же алгоритм. Благодаря этому мы не прописываем код повторно, а только указываем название функции, и компьютер понимает, что надо сделать.
Составные части
Ключевое слово для функций в JavaScript – function. Алгоритм состоит из таких частей:
— имя – с помощью него мы вызываем функцию;
— параметры – данные, которые подаются в функцию, указываются в круглых скобках;
— тело – здесь мы указываем, что необходимо с этими данными сделать, и просим функцию «вернуть» (return) результат, то есть присвоить полученное значение функции, чтобы увидеть его при выводе результата в консоль. Пишется в фигурных скобках {}.
Простейшая функция на языке JavaScript выглядит так:
function sum(a,b) {
return a+b;
}
Разберём её на части:
function – ключевое слово для функции;
sum – имя функции, по которому мы будет вызывать её в программе по необходимости;
(a,b) – параметры, где мы говорим, что функция будет работать с двумя переменными a и b.
{return a+b;} – тело функции, где мы просим вернуть результат, который получится в результате сложения переменных a и b.
По-другому тело функции можно расписать так:
function sum(a,b) {
let result = a+b;
return result;
}
Что мы сделали? Мы создали переменную result, куда записали значение арифметического выражения a+b и попросили вернуть (return) значение переменной result.
Если значение переменной – арифметическое выражение, то в неё записывается не само выражение, а его результат. Представьте, что мы присвоили переменной result значение 2+1. Фактически значение переменной result будет не «2+1», а «3». Проверим:
let result = 2+1;
console.log(result);
Результат:
3
Аргументы функции
Когда мы создали функцию, указав параметры и тело – это только описание алгоритма, по которому она должна работать. Но код ещё не выполняется. Чтобы функция заработала, мы указываем её имя, а в скобках указываем аргументы функции.
Аргументы функции – это значения, которые подставляются в алгоритме под соответствующие параметры.
В нашей функции (a,b) – это параметры. Если мы хотим, чтобы функция выдала нам результат сложения чисел, например, 4 и 8, то мы напишем:
console.log(sum(4,8));
(4,8) – это уже не параметры, а аргументы функции.
Вызывая функцию с разными аргументами, мы получим разные результаты, но алгоритм, по которому она выполняется, всегда будет тот, который мы прописали для функции sum.
Каждый результат вызова функции можно сохранить в отдельную переменную, чтобы позже использовать. Например:
1. Создаём функцию sum:
function sum(a,b) {
let result = a+b;
return result;
}
2. Создаём две переменные и записываем в них результаты функции sum с разными аргументами:
let one = sum(20, 10);
let two = sum(100, 12);
3. Выводим в консоль значение переменных one и two:
console.log(one);
console.log(two);
Видим результат:
30
112
Теперь где бы мы ни обратились к переменным one и two, компьютер воспримет их значение как 30 и 112 соответственно.
Функции в JS могут занимать не 4 строчки кода, как в нашем случае, а гораздо больше. Поэтому возможность вызвать конкретную функцию по названию с нужными аргументами значительно экономит время и упрощает процесс работы с кодом.
В следующем уроке расскажем о таком понятии, как «область видимости», и разребём, что такое замыкания в JavaScript.