Skip to content

Anonymous Functions

Anonymous functions are functions without a name. They are used as arguments to other functions or assigned to variables.

document.addEventListener('click', function() {
console.log('Clicked!');
});
// As callbacks
[1, 2, 3].map(function(x) { return x * 2; });
// In IIFE
(function() {
console.log('Runs immediately');
})();
// In event handlers
button.onclick = function() { alert('Hi!'); };
// Anonymous — stack trace shows 'anonymous'
setTimeout(function() { }, 100);
// Named — stack trace shows 'myCallback'
setTimeout(function myCallback() { }, 100);
  • Functions without a name
  • Common as callbacks and IIFEs
  • Consider named expressions for better debugging