JS оператор function

Загальний опис

function — ключове слово для створення функції, яка є одним із основних будівельних блоків JavaScript. Функція дозволяє організувати код, зробити його повторно використовуваним і більш читабельним.

Створення функції починається з ключового слова function, за яким іде ім'я функції (наприклад, calculateSum). Потім у круглих дужках (()) задаються параметри — вхідні дані, які функція приймає. Далі у фігурних дужках ({}) розташовується тіло функції, яке виконує інструкції.

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

Ось приклад простої функції, яка обчислює суму двох чисел:

function calculateSum(a, b) {
  return a + b;
}
console.log(calculateSum(5, 3)); // Виведе: 8

Функції можна викликати необмежену кількість разів, змінюючи вхідні дані:

console.log(calculateSum(10, 15)); // Виведе: 25
console.log(calculateSum(7, 2));  // Виведе: 9

Також функції можна вкладати одна в одну:

function square(x) {
  return x * x;
}
function sumOfSquares(a, b) {
  return square(a) + square(b);
}
console.log(sumOfSquares(2, 3)); // Виведе: 13

Функції є іменованими (мають ім'я) або анонімними (без імені). Анонімні функції часто використовуються як значення змінної:

const multiply = function(x, y) {
  return x * y;
};
console.log(multiply(4, 5)); // Виведе: 20

Ще один тип функцій — стрілкові функції (arrow functions), які спрощують синтаксис:

const subtract = (a, b) => a - b;
console.log(subtract(10, 4)); // Виведе: 6

Функції — потужний інструмент, який дозволяє організовувати код у модульні та логічно завершені частини.

правити

Порада

Не обов'язково завжди використовувати return. Наприклад, функції можуть просто виконувати дії, як у цьому прикладі:

function logMessage(message) {
  console.log(message);
}
logMessage("Привіт, світ!");

автор: Bond правити

Порада

Параметри функцій є опціональними. Якщо аргумент не передано, параметр отримає значення undefined. Можна додати значення за замовчуванням:

function greet(name = "Гість") {
  return `Привіт, ${name}!`;
}
console.log(greet()); // Привіт, Гість!

автор: Bond правити

Порада

Функція може викликати саму себе — це називається рекурсія. Використовуйте її для складних завдань, таких як підрахунок факторіалу:

function factorial(n) {
  if (n === 1) return 1;
  return n * factorial(n - 1);
}
console.log(factorial(5)); // 120

автор: Bond правити

+ додати пораду чи нотатку

Синтаксис

function name(параметри) {
  // Тіло функції
  return; // Опціонально
}

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі Серверні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
	1	1	1	3	12	3

Підтримка: мобільні переглядачі

Переглядач
	4.4	18	4	1

Підтримка: серверні переглядачі

Переглядач
	0.10.0	1.0

Приклади

+ запропонувати свій приклад у пісочниці

function createCounter() {
  let count = 0;
  return function() {
    count++;
    return count;
  };
}
const counter = createCounter();
console.log(counter()); // 1
console.log(counter()); // 2

function memoize(fn) {
  const cache = {};
  return function(arg) {
    if (cache[arg]) {
      return cache[arg];
    }
    const result = fn(arg);
    cache[arg] = result;
    return result;
  };
}
const square = memoize(x => x * x);
console.log(square(5)); // 25 (обчислено)
console.log(square(5)); // 25 (взято з кешу)