Explain 'hoisting' in JavaScript

Q: Explain 'hoisting' in JavaScript

Big-picture definition Hoisting is not code movement. It is how the engine prepares scope before running the script, registering declarations first. That under-the-hood setup explains several debug traps: var reads as undefined , function declarations work early, and function expressions or classes fail for different reasons. Practical debugging signal Interview tip Lead with: "Hoisting registers declarations early; the key difference is what is initialized and when." Then show one var + one let example.

HighIntermediateJavascript

By FrontendAtlas Team · Updated Apr 4, 2026

Quick Answer

Hoisting is JavaScript declaration processing before execution. The practical debug value is mapping symptoms: undefined reads, early callable function declarations, and ReferenceError or TypeError when the wrong construct is used.

Answer

Big-picture definition

Hoisting is not code movement. It is how the engine prepares scope before running the script, registering declarations first. That under-the-hood setup explains several debug traps: var reads as undefined, function declarations work early, and function expressions or classes fail for different reasons.

Construct	Hoisted behavior
`var`	Declaration hoisted, value starts as undefined.
`let`/`const`	Declaration hoisted but inaccessible until declaration line (TDZ).
Function declaration	Fully available before its line.
Function expression / arrow assigned to variable	Follows variable rules; not callable early in safe way.
Class declaration	Hoisted but in TDZ like let/const.

Hoisting is one concept with different outcomes by syntax type.

JAVASCRIPT

run(); // works
function run() {}

console.log(a); // undefined
var a = 1;

console.log(b); // ReferenceError
let b = 2;

Practical debugging signal

Error/behavior	Likely cause
Reads as undefined before declaration	`var` hoisting + assignment not executed yet.
ReferenceError before declaration	TDZ with `let`/`const`/`class`.
TypeError: fn is not a function before declaration	Function expression assigned later; variable exists but callable value not ready.

Map symptom to hoisting category quickly.

Interview tip
Lead with: "Hoisting registers declarations early; the key difference is what is initialized and when." Then show one var + one let example.

Still so complicated?

Before the show starts, the stage crew places props (declarations). Some props are usable immediately, others are covered until the right scene (execution line).

Summary

Hoisting is declaration setup before execution.
It affects variables, functions, and classes differently.
Understanding initialization timing is what prevents subtle bugs.