Как работают функции в JavaScript?

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

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

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

1. Function Declaration:

   // Классическое объявление функции
   function sayHello() {
     console.log("Hello!");
   }
   

2. Function Expression:

   // Присваивание функции переменной
   const sayGoodbye = function() {
     console.log("Goodbye!");
   };
   

3. Arrow Function (ES6+):

   // Более компактный синтаксис для простых функций
   const add = (a, b) => a + b;
   

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

• Параметры - это имена переменных, указанные в определении функции.
• Аргументы - это значения, передаваемые функции при ее вызове.

// funcName - имя функции, param1, param2 - параметры
function funcName(param1, param2) {
  // Код функции, использующий param1 и param2
}

// При вызове функции: arg1, arg2 - аргументы
funcName(arg1, arg2);

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

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

function multiply(a, b) {
  return a * b; // Возвращает результат умножения
}

const result = multiply(5, 3); // result будет равно 15

Область видимости (Scope):

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

const globalVar = "I am global";

function printVars() {
  const localVar = "I am local";
  console.log(globalVar); // Доступна
  console.log(localVar); // Доступна
}

printVars();
// console.log(localVar); // Ошибка: localVar не определена

Замыкания (Closures):

Замыкание - это способность функции "запоминать" и получать доступ к переменным из своей внешней (lexical) области видимости, даже после того, как внешняя функция завершила выполнение.

function outerFunction(x) {
  return function innerFunction(y) {
    return x + y; // innerFunction имеет доступ к x из outerFunction
  };
}

const closureExample = outerFunction(10); // Создается замыкание
console.log(closureExample(5)); // Выводит 15 (10 + 5)

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

Функции вызываются по их имени с последующими круглыми скобками ().

sayHello(); // Вызов функции sayHello

При вызове функции создается новый контекст выполнения. Аргументы передаются в параметры, и код внутри функции выполняется.

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