Это способ определения функции в JavaScript, при котором функция объявляется явно с помощью ключевого слова
function, за которым следует имя функции. Функции, определенные таким образом, подлежат "поднятию" (hoisting), что означает, что их можно использовать до их фактического объявления в коде.🚩Синтаксис Function Declaration
function имяФункции(параметр1, параметр2, ...) {
// Тело функции
// Инструкции
}🚩Примеры использования Function Declaration
Основное объявление функции
function greet(name) {
return `Hello, ${name}!`;
}
console.log(greet('Alice')); // Hello, Alice!🟠Поднятие (Hoisting)
Функции, объявленные с помощью Function Declaration, поднимаются, что позволяет вызывать их до объявления в коде.
console.log(sum(2, 3)); // 5
function sum(a, b) {
return a + b;
}
🚩Отличия между Function Declaration и Function Expression
🟠Поднятие (Hoisting)
Function Declaration: Функции поднимаются и могут быть вызваны до их объявления.
console.log(multiply(2, 3)); // 6
function multiply(a, b) {
return a * b;
}
Function Expression: Функциональные выражения не поднимаются, поэтому их можно использовать только после их определения.
console.log(divide(6, 3)); // Ошибка: divide is not defined
const divide = function(a, b) {
return a / b;
};
🟠Именование
Function Declaration: Обязательно имеют имя.
function subtract(a, b) {
return a - b;
}Function Expression: Могут быть анонимными или именованными.
const modulo = function(a, b) {
return a % b;
};🟠Использование в коде
Function Declaration: Часто используются для определения основных функций, которые нужны на протяжении всего кода. Они удобны для структурирования кода и обеспечения доступности функций в любом месте программы.
Function Expression: Более гибкий способ определения функций, который часто используется для создания замыканий, обработки событий и в функциональных конструкциях, таких как методы массивов (map, filter и т.д.).
Function Declaration
function greet(name) {
return `Hello, ${name}!`;
}
console.log(greet('Alice')); // Hello, Alice!Function Expression
const greet = function(name) {
return `Hello, ${name}!`;
};
console.log(greet('Alice')); // Hello, Alice!🚩Когда использовать
🟠Замыкания и колбэки
Когда вам нужно создать функцию в контексте другой функции, например, передать её как аргумент или вернуть как результат.
🟠Модули и объекты
Когда функции являются частью модуля или объекта и вы хотите ограничить их видимость или управление.
Ставь 👍 и забирай 📚 Базу знаний