Kodokon kodokon.com

Функции: объявление, параметры, return

Создавай переиспользуемые блоки кода с помощью function, передавай им параметры и получай результат через return.

6 мин · 3 вопросов

Открыть этот урок в Kodokon

Функция - это переиспользуемый блок кода, которому ты даёшь имя. Это как кулинарный рецепт: пишешь его один раз, а потом выполняешь столько раз, сколько нужно. Чтобы создать функцию, используют ключевое слово function, за ним имя, круглые скобки () и блок в фигурных скобках { }. Чтобы её выполнить, ты её вызываешь: пишешь имя, а за ним круглые скобки.

JAVASCRIPT
function sayHello() {
  console.log("Hello!");
}

sayHello(); // Prints: Hello!
sayHello(); // Prints: Hello!
Функция объявлена один раз, вызвана дважды

Функция становится по-настоящему полезной, когда принимает информацию. Параметр - это переменная, объявленная в круглых скобках функции: она работает как входной ящик. Когда ты вызываешь функцию, конкретное переданное значение называют аргументом. В примере ниже name - это параметр, а "Léa" - аргумент.

JAVASCRIPT
function greet(name) {
  console.log("Hello, " + name + "!");
}

greet("Léa");  // Prints: Hello, Léa!
greet("Marc"); // Prints: Hello, Marc!
Параметр name меняется при каждом вызове

Вывести сообщение - хорошо, а получить переиспользуемый результат - ещё лучше. Ключевое слово return отправляет значение обратно туда, откуда функцию вызвали: вызов add(2, 3) затем заменяется своим значением, 5. Этот результат можно сохранить в переменную или использовать сразу. Обрати внимание: return немедленно завершает выполнение функции.

JAVASCRIPT
function add(a, b) {
  return a + b;
}

const result = add(2, 3);
console.log(result);     // Prints: 5
console.log(add(10, 4)); // Prints: 14
return даёт результат, который можно использовать где угодно

Проверка знаний

Убедись, что запомнил ключевые моменты этого урока.

  1. Какое ключевое слово позволяет функции вернуть результат туда, откуда её вызвали?
    • return
    • function
    • result
    • send
  2. При function add(a, b) { return a + b; } чему равно add(2, 3)?
    • 23
    • 5
    • undefined
  3. Как называют конкретные значения, которые передают в функцию при вызове?
    • Аргументы
    • Параметры
    • Индексы