JavaScript Interview Preparation Guide (MERN
Focus)
This guide covers the most important JavaScript concepts for fresher and junior developer
interviews: Variables, Data Types, Scope, Hoisting, Functions, Arrays, Objects, DOM, ES6+,
Closures, Promises, Async/Await, Event Loop, and common interview questions with answers.
1. var, let, const
var is function-scoped and can be redeclared. let is block-scoped and can be reassigned. const is
block-scoped and cannot be reassigned. Interview Q: Difference between var and let? Answer: var
is function scoped and redeclarable; let is block scoped and not redeclarable. Interview Q: Why use
const? Answer: Prevents accidental reassignment and improves code safety.
2. Data Types
Primitive: String, Number, Boolean, Null, Undefined, Symbol, BigInt. Reference: Object, Array,
Function. Interview Q: typeof null? Answer: object (historic JavaScript bug).
3. Scope
Global Scope, Function Scope, Block Scope. Interview Q: What is scope? Answer: Scope
determines where a variable can be accessed.
4. Hoisting
Variable and function declarations are moved to the top during execution phase. Interview Q: Why
does var show undefined before declaration? Answer: Because var is hoisted and initialized with
undefined.
5. Functions
Normal Functions, Function Expressions, Arrow Functions. Interview Q: Difference between normal
and arrow functions? Answer: Arrow functions do not have their own 'this'.
6. Arrays
Common methods: push, pop, shift, unshift, map, filter, reduce. Interview Q: Difference between
map and forEach? Answer: map returns a new array; forEach does not.
7. Objects
Objects store key-value pairs. Interview Q: Difference between dot notation and bracket notation?
Answer: Bracket notation supports dynamic keys.
8. DOM Manipulation
DOM represents HTML as objects. Interview Q: querySelector vs getElementById? Answer:
querySelector supports CSS selectors.
9. ES6 Features
Template literals, destructuring, spread, rest, modules. Interview Q: Spread vs Rest? Answer:
Spread expands elements; Rest collects elements.
10. Closures
A closure remembers variables from its outer scope. Interview Q: What is a closure? Answer:
Function + lexical environment.
11. Promises
Represents future completion/failure of async operations. States: Pending, Fulfilled, Rejected.
Interview Q: Promise methods? Answer: then(), catch(), finally().
12. Async/Await
Cleaner syntax for Promises. Interview Q: Why use async/await? Answer: Makes asynchronous
code easier to read.
13. Event Loop
Handles asynchronous execution in JavaScript. Interview Q: Is JavaScript single-threaded?
Answer: Yes, but asynchronous APIs are handled via the event loop.
14. Execution Context
Creation Phase and Execution Phase. Interview Q: What happens before code executes? Answer:
JavaScript creates an execution context.
15. Common Real Interview Questions
Q: == vs === ? A: == performs type coercion, === checks type and value. Q: null vs undefined ? A:
null means intentional absence, undefined means not assigned. Q: What is callback hell? A: Deeply
nested callbacks causing unreadable code. Q: What is the difference between synchronous and
asynchronous programming? A: Synchronous executes line by line; asynchronous allows
non-blocking execution. Q: What is the difference between localStorage and sessionStorage? A:
localStorage persists; sessionStorage clears when tab closes. Q: What are higher-order functions?
A: Functions that take or return functions. Q: What is destructuring? A: Extracting values from
arrays/objects into variables.
Interview Preparation Tips
1. Practice coding daily. 2. Master map, filter, reduce. 3. Understand closures and hoisting deeply.
4. Learn Promises and async/await thoroughly. 5. Build MERN projects and explain architecture. 6.
Be able to explain every project on your resume. 7. Practice JavaScript coding questions on arrays
and strings.
