JavaScript:
Організація коду в функції

Як це робити:

// Визначаємо функцію для розрахунку площі прямокутника
function calculateArea(width, height) {
  return width * height;
}

// Викликаємо функцію та виводимо результат
let area = calculateArea(5, 3);
console.log(area); // Вивід: 15

// Групуємо пов'язану функціональність використовуючи функції
function greet(name) {
  console.log(`Привіт, ${name}!`);
}

function farewell(name) {
  console.log(`До побачення, ${name}!`);
}

greet('Alice'); // Вивід: Привіт, Alice!
farewell('Bob'); // Вивід: До побачення, Bob!

Поглиблений розгляд

Історично, імперативні мови програмування, як ранні версії BASIC чи Assembly, не мали такої абстракції, яку надають функції. З часом на прикладі мов як C з’явилася ідея, що розбивання коду на одиниці (функції або процедури) призводить до кращої організації та зрозумілішої логіки.

В JavaScript, окрім звичайних функцій, з ES6 (2015) у нас є також стрілочні функції, які забезпечують більш лаконічний синтаксис і підходять для функцій, що не є методами.

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

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

Дивіться також

• MDN Веб-документація по Функціях: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Functions
• JavaScript Шаблони Проектування: https://addyosmani.com/resources/essentialjsdesignpatterns/book/
• Чистий Код JavaScript: https://github.com/ryanmcdermott/clean-code-javascript