What is an anonymous function and when would you use it?

JavaScript

Anonymous functions

An anonymous function in JavaScript is a function that is defined without a name. It can we created in the following ways:

Using traditional function syntax:

const myFunc = function () {
  console.log('Hello');
};

Using arrow function syntax (introduced in ES6):

const myFunc = () => {
  console.log('Hello');
};

Anonymous functions are commonly used in several scenarios

As callback functions:

setTimeout(function () {
  console.log('This runs after 2 seconds');
}, 2000);
// Or with arrow syntax
setTimeout(() => {
  console.log('This runs after 2 seconds');
}, 2000);

In array methods:

const numbers = [1, 2, 3, 4];
const doubled = numbers.map((num) => num * 2);

As event handlers:

button.addEventListener('click', function (e) {
  console.log('Button clicked!');
});

In Immediately Invoked Function Expressions (IIFE):

(function () {
  let privateVar = "I'm private";
  // code here
})();

Table of Contents