Что такое анонимная функция?

Краткий ответ

Анонимная функция — это функция без имени. Её можно сохранить в переменную, передать как параметр или создать для одноразового использования. Часто используется в callback функциях и функциональном программировании. 🎯

const greet = function() {
  return 'Привет!';
};
 
console.log(greet()); // 'Привет!' ✅

Полный ответ

Анонимные функции — это обычные функции, но без имени. Они очень полезны в разных ситуациях. Давайте разберёмся, зачем они нужны. 😊

Что такое анонимная функция

Функция без имени, которую можно использовать сразу:

// Анонимная функция
function() {
  return 'Результат';
}

Как создать анонимную функцию

Присвоение переменной

const greet = function() {
  return 'Привет!';
};
 
console.log(greet()); // 'Привет!' ✅

Передача как параметр

// Анонимная функция как callback
setTimeout(function() {
  console.log('Прошла секунда');
}, 1000);

Простые примеры

Использование в массивах

const numbers = [1, 2, 3, 4, 5];
 
// Анонимная функция для обработки каждого элемента
const doubled = numbers.map(function(num) {
  return num * 2;
});
 
console.log(doubled); // [2, 4, 6, 8, 10] ✅

Обработчики событий

// Анонимная функция как обработчик клика
button.addEventListener('click', function() {
  console.log('Кнопка нажата');
});

Важные особенности

1. Нет имени

// Именованная функция
function namedFunction() { }
 
// Анонимная функция
const anonymous = function() { };
// У неё нет своего имени!

2. Гибкость использования

// Можно использовать сразу при вызове
[1, 2, 3].forEach(function(item) {
  console.log(item); // 1, 2, 3
});

Где используют анонимные функции

Callback функции

// Асинхронная операция
fetch('/api/data').then(function(response) {
  return response.json();
}).then(function(data) {
  console.log(data);
});

Функции высшего порядка

// Фильтрация массива
const adults = users.filter(function(user) {
  return user.age >= 18;
});

Частые ошибки

1. Попытка вызова без присвоения

// ❌ Так нельзя — ошибка синтаксиса
// function() { console.log('Ошибка!'); }();
 
// ✅ Нужно присвоить переменной или вызвать сразу
const func = function() { console.log('Правильно!'); };
func(); // ✅
 
// Или вызвать сразу
(function() { console.log('Сразу!'); })(); // ✅

2. Путаница с именованными функциями

// ❌ Именованная функция
function sum(a, b) { return a + b; }
 
// ✅ Анонимная функция
const sum = function(a, b) { return a + b; };

Простые правила

Без имени — у анонимной функции нет своего имени 🏷️
Гибкость — можно передавать как параметры и значения 🔄
Callback — часто используется как callback функции 📞
Одноразовые — удобны для одноразового использования 🚀
Сохранение — нужно сохранить в переменную для повторного использования 💾

Анонимные функции — это удобный инструмент для разных задач. Они делают код гибче и проще. 👍

Хотите больше статей для подготовки к собеседованиям? Подписывайтесь на EasyAdvice, добавляйте сайт в закладки и совершенствуйтесь каждый день 💪