Главная страница » JavaScript » 33. Функции и их вызов

33. Функции и их вызов

Функции — это блоки кода, которые выполняют определенные задачи и могут быть вызваны в любой момент программы. Они помогают организовать код, сделать его более модульным и повторно использовать.

Объявление функций

Функцию можно объявить несколькими способами:

Функциональное объявление

				
					function имяФункции(параметр1, параметр2) {
  // Тело функции
}

Функциональное выражение

				
					let имяФункции = function(параметр1, параметр2) {
  // Тело функции
};

Стрелочные функции

				
					let имяФункции = (параметр1, параметр2) => {
  // Тело функции
};

Вызов функций

Функцию можно вызвать, используя её имя и передавая необходимые аргументы:

				
					имяФункции(аргумент1, аргумент2);

Примеры

Пример функции для сложения двух чисел

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

let result = add(3, 5);
console.log(result); // 8

Функциональное выражение для вычитания двух чисел

				
					let subtract = function(a, b) {
  return a - b;
};

let result = subtract(10, 6);
console.log(result); // 4

Стрелочная функция для умножения двух чисел

				
					let multiply = (a, b) => {
  return a * b;
};

let result = multiply(4, 7);
console.log(result); // 28

Параметры и аргументы

Функции могут принимать параметры, которые задаются при её объявлении, и аргументы, которые передаются при вызове функции.

Функция с параметрами

				
					function greet(firstName, lastName) {
  return `Hello, ${firstName} ${lastName}!`;
}

let message = greet('John', 'Doe');
console.log(message); // "Hello, John Doe!"

Функция с несколькими параметрами

				
					function greet(name) {
  return `Hello, ${name}!`;
}

let message = greet('Alice');
console.log(message); // "Hello, Alice!"

Возвращаемое значение

Функции могут возвращать значения с помощью оператора return. Если функция не возвращает значение явно, она по умолчанию возвращает undefined.

Функция с возвращаемым значением

				
					function square(x) {
  return x * x;
}

let result = square(4);
console.log(result); // 16

Функция без возвращаемого значения

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

let result = sayHello(); // "Hello!"
console.log(result); // undefined

Распространенные ошибки

Неопределенная функция

				
					// Вызов функции до её объявления
// result = add(3, 5); // Ошибка: add is not defined

let result;
let add = function(a, b) {
  return a + b;
};

result = add(3, 5);
console.log(result); // 8

Пропущенные параметры

				
					function multiply(a, b) {
  return a * b;
}

// Параметр b не передан
let result = multiply(4); // NaN
console.log(result);

Использование значений по умолчанию

				
					function multiply(a, b = 1) {
  return a * b;
}

let result = multiply(4); // 4
console.log(result);

Заключение

Функции — это фундаментальные строительные блоки программирования в JavaScript. Они позволяют разбивать код на более мелкие, управляемые части, делают его более читаемым и многократно используемым. Понимание того, как объявлять и вызывать функции, является ключевым навыком для любого JavaScript-разработчика.

Тестовое задание

Напишите функцию sum, которая принимает два аргумента и возвращает их сумму.
Напишите функцию divide, которая принимает два аргумента и возвращает результат их деления. Убедитесь, что деление на ноль обрабатывается корректно.
Напишите функцию sayGoodbye, которая принимает имя и возвращает строку в формате «Goodbye, [name]!».

Пример решения:

				
					// Задание 1
function sum(a, b) {
  return a + b;
}
console.log(sum(4, 5)); // 9

// Задание 2
function divide(a, b) {
  if (b === 0) {
    return 'Error: Division by zero';
  }
  return a / b;
}
console.log(divide(10, 2)); // 5
console.log(divide(10, 0)); // "Error: Division by zero"

// Задание 3
function sayGoodbye(name) {
  return `Goodbye, ${name}!`;
}
console.log(sayGoodbye('Alice')); // "Goodbye, Alice!"

Этот урок поможет вам лучше понять, как объявлять, вызывать и использовать функции в JavaScript, а также избегать распространенных ошибок.