Урок 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.