IIFE (Immediately Invoked Function Expression)

Definition

A JavaScript function that runs as soon as it is defined. It is wrapped in parentheses to make it an expression, followed by `()` to invoke it immediately.

Explain Like I'm New

An IIFE is a disposable function. You write it, it runs instantly, it creates a private sandbox for variables so they don't leak into the global scope, and then it is immediately forgotten.

Real World Example

Before ES6 modules existed, developers used IIFEs to bundle libraries like jQuery, ensuring that their internal variables didn't accidentally overwrite the user's variables.

Common Use Cases

•Data privacy
•Avoiding global namespace pollution
•Top-level await alternatives in older JS

Interactive Example

Console output will appear here...

Interview Questions

basic

What does IIFE stand for?

intermediate

Why are the outer parentheses necessary?

advanced

Are IIFEs still necessary in modern JavaScript (ES6+)?

Flash Cards

Question

Why are outer parentheses necessary?

Click to reveal answer

Answer

If a line starts with the word `function`, the JS engine expects a Function Declaration, which requires a name. Wrapping it in `()` tells the engine it is a Function Expression, allowing it to be anonymous and invoked instantly.

Question

Are they still necessary?

Click to reveal answer

Answer

Mostly no. ES6 introduced `let` and `const` (which are block-scoped, so just using `{ ... }` creates a private scope) and ES Modules (which have their own file scope). However, IIFEs are still useful for executing `async/await` inside a synchronous `useEffect` hook in React.