Народ, всем привет. В JavaScript функции являются наверно фундаментальной частью языка, они позволяют структурировать код, повторно использовать логику и создавать гибкие абстракции. Одним из ключевых способов объявления функций является Function Expression, или функциональное выражение. Это форма создания функции, при которой функция определяется в контексте выражения и может быть присвоена переменной, передана как аргумент или использована как значение.
Пока сложно, я понимаю, но давайте разберем более подробно. Понимание таких функций очень важно для работы с тем же асинхронным кодом, колбэками, замыканиями, да и вообще, современными шаблонами программирования. На самом деле все просто, и функциональное выражение создаётся тогда, когда мы объявляем функцию не как самостоятельную конструкцию (как в том- же function declaration), а как часть выражения. Например, функция может быть присвоена переменной:
const sum = function(a, b) {
return a + b;
};
Здесь function(a, b) { ... } это функциональное выражение, а sum это имя переменной, которое хранит эту функцию. В отличие от простого объявления, такое выражение создаёт функцию только в момент выполнения соответствующей строки, а не заранее.
Одной из важных особенностей функционального выражения является то, что они не поднимаются в том же смысле, что обычное объявление функции. В JavaScript поднятие переменных работает так, что объявления var перемещаются наверх области видимости, но их значения не инициализируются до выполнения строки. Когда мы используем let или const, переменные вообще оказываются в «временной мёртвой зоне» до момента объявления. Это означает, что вызов функционального выражения до строки его определения приведёт к ошибке.
hello(); // Ошибка
const hello = function() {
console.log("Hello!");
};
В то время как аналогичная программа с простым объявлением функции будет работать:
hello(); // "Hello!"
function hello() {
console.log("Hello!");
}
Канал «Т.Е.Х.Н.О Windows & Linux» — экспертные статьи, реальные гайды, настройка ПК, приватность и оптимизация. Всё бесплатно и без платных подписок!
Присоединяйся, чтобы стать профи!
Это делает функциональные выражения более предсказуемыми в структуре кода, поскольку функция всегда определяется там, где находится строка с выражением. Также функциональные выражения могут быть именованными или анонимными. Анонимные выражения проще:
const mul = function(a, b) { return a * b; };
Однако иногда полезно дать функции имя:
const fib = function calcFib(n) {
if (n <= 1) return n;
return calcFib(n - 1) + calcFib(n - 2);
};
Имя calcFib доступно только внутри самой функции и может использоваться для рекурсии или отладки. Это делает код более читаемым и упрощает трассировку ошибок, особенно при использовании сложных внутренних вычислений. Еще одним из сильных преимуществ Function Expression является возможность передавать функции как аргументы. Именно функциональные выражения традиционно используются в колбэках:
setTimeout(function() {
console.log("Прошло 2 секунды");
}, 2000);
Такой код широко применяют в асинхронном программировании, работе с событиями и обработчиками. В современном JavaScript функциональные выражения часто оформляются в виде стрелочных функций (() => {}), но концептуально это тот же механизм, функция как значение. Функциональные выражения также тесно связаны с понятием замыкания. Они позволяют создавать функции, которые «запоминают» окружение, в котором были созданы. Например:
function createCounter() {
let count = 0;
return function() {
count++;
return count;
};
}
const counter = createCounter();
console.log(counter()); // 1
console.log(counter()); // 2
Здесь возвращаемое функциональное выражение продолжает иметь доступ к переменной count даже после завершения работы внешней функции. Это является основой для создания инкапсуляции, скрытия данных и построения модулей.
Несмотря на появление стрелочных функций, традиционные функциональные выражения остаются актуальными, поскольку обеспечивают доступ к собственному this, arguments и могут служить именованными рекурсивными функциями. Стрелочные функции не имеют собственного this и поэтому могут вести себя иначе в работе с объектами и классами.
Если Вам нравятся наши статьи, и вы хотите отблагодарить автора (на развитие канала), нам будет очень приятно!