Функции
Функции - это кусочки JS-кода, которые можно вызывать повторно. У функции может быть имя и параметры.
Имя функции — имя, по которому можно вызвать функцию.
Параметры — данные, которые могут быть переданы в функцию при ее вызове и использоваться внутри функции.
Аргументы — непосредственно данные, которые передаются в функцию при ее вызове.
Пример объявления функции:
function someName() {
console.log('hello');
}
Вызов функции:
someName();
Другими словами: вызов функции осуществляется при помощи указания имени функции и круглых скобок.
Обратите внимание на два определения:
- объявление функции
- вызов функции
Если просто объявить функцию, но не вызвать ее, то код внутри нее никогда не отработает.
Параметры функции
Как указано выше - функция может иметь параметры.
function sum(a, b) {
console.log(a + b);
}
В данном случае была объявлена функция с именем sum. Так же было указано, что функция принимает два параметры - a и b.
Задача функции - сложить два переданных в нее числа и вывести результат на экран.
Как было так же сказано выше, чтобы воспользоваться функцией, ее надо вызвать. При вызове функции можно передать ей аргументы в качестве параметров:
sum(5, 10);
Была вызвана функция sum, а в качестве параметров a и b были переданы числа: 5 и 10 соответственно.
Каждый аргумент будет записан в соответствующий параметр функции. Таким образом, переданное число 5 будет доступно через параметр a, а число 10 - через параметр b.
Повторим еще раз, что функции - это кусочки кода, которые могут быть вызваны повторно. Таким образом мы можем вызывать функцию sum неограниченное количество раз с разными аргументами и она будет каждый раз выводить разное значение:
sum(1, 10);
// В консоле отобразится 11
sum(10, 20);
// В консоле отобразится 30
sum(8, 12);
// В консоле отобразится 20
sum(10, 15);
// В консоле отобразится 25
Возврат значений
Функция может возвращать результат своего выполнения. Что именно возвращать - решает разработчик. Возврат значения производится при помощи оператора return.
function sum(a, b) {
return a + b;
}
Переписанный вариант функции не будет ничего выводить на экран, а лишь вернет значение.
Получить возвращаемое функций значение можно просто присвоив вызов функции в переменную:
var s = sum(10, 10); // в переменной s будет значение 20
Стоит так же отметить, что оператор return не только выбрасывает результат работы функции во “внешний мир”, но еще и выходит из самой функции. То есть код, написанный внутри функции, после оператора return, никогда не выполнится:
function sum(a, b) {
return a + b;
console.log('!!!!');
}
console.log никогда не выполнится, т.к. до того, как интерпретатор доберется до него, выполнится return и произойдет выход из функции.
