JavaScript Interview Questions and Answers : From Basics to Advanced With Examples

✨ Introduction

JavaScript is the heart of modern web development. Whether you're a fresher or an experienced developer preparing for a front-end or full-stack role, mastering JavaScript interview questions is crucial.

This blog covers the most frequently asked JS questions in 2025 – ranging from core concepts to real-world coding challenges – with unique insights, clear examples, and deep explanations.

1. 📦 What are the differences between var, let, and const?

Explanation:

Example:

1function test() {
2  if (true) {
3    var a = 1;
4    let b = 2;
5    const c = 3;
6  }
7  console.log(a); // 1
8  console.log(b); // ReferenceError
9}
10test();

2. ⚡ What is a closure in JavaScript?

Explanation:

A closure gives you access to an outer function’s scope from an inner function, even after the outer function has returned.

Example:

1function outer() {
2  let counter = 0;
3  return function inner() {
4    counter++;
5    console.log(counter);
6  };
7}
8const count = outer();
9count(); // 1
10count(); // 2

Closures are widely used in data encapsulation and functional programming.

3. 🌀 Explain the Event Loop and Call Stack

Explanation:

JavaScript is single-threaded but handles asynchronous tasks using the event loop, callback queue, and call stack.

Example:

1console.log('A');
2
3setTimeout(() => console.log('B'), 0);
4
5Promise.resolve().then(() => console.log('C'));
6
7console.log('D');

Output:

1A  
2D  
3C  
4B

✅ Promise (microtask) runs before setTimeout (macrotask).

4. 📚 What is the difference between = = and = = =?

Answer:

• = = compares values after type coercion.
• = = = compares values and types (strict equality).

Example:

1console.log('5' == 5);  // true
2console.log('5' === 5); // false

Best Practice: Always use = = = to avoid unpredictable bugs.

5. 🧠 What is hoisting in JavaScript?

Explanation:

Hoisting is JavaScript’s default behavior of moving declarations to the top of the scope.

Example:

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

But for let and const:

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

6. 🛠️ How does this work in JavaScript?

Answer:

this refers to the context in which a function is called.

Example:

1const user = {
2  name: "Milan",
3  greet() {
4    console.log(`Hi, I'm ${this.name}`);
5  }
6};
7user.greet(); // Hi, I'm Milan
8

In arrow functions, this is lexically bound:

1const obj = {
2  name: "Test",
3  greet: () => console.log(this.name)
4};
5obj.greet(); // undefined (or window.name)

7. 🔐 Explain prototypal inheritance in JavaScript.

Explanation:

All JavaScript objects inherit properties and methods from a prototype.

Example:

1function Animal(name) {
2  this.name = name;
3}
4Animal.prototype.sound = function () {
5  return "Some sound";
6};
7
8const dog = new Animal("Dog");
9console.log(dog.sound()); // Some sound

8. What are higher-order functions?

Answer:

Functions that take other functions as arguments or return functions.

Example:

1function greet(name) {
2  return function (message) {
3    console.log(`${message}, ${name}`);
4  };
5}
6
7const greetMilan = greet('Milan');
8greetMilan('Hello'); // Hello, Milan

9. 🔄 What are the differences between map(), forEach(), filter(), and reduce()?

Comparison Table:

Example:

1const nums = [1, 2, 3, 4];
2const doubled = nums.map(n => n * 2); // [2, 4, 6, 8]

10. 🧪 What are Promises and async/await?

Explanation:

Promises represent eventual completion of asynchronous tasks. async/await simplifies handling them.

Example:

1async function fetchData() {
2  try {
3    const res = await fetch('https://api.example.com/data');
4    const data = await res.json();
5    console.log(data);
6  } catch (err) {
7    console.error('Error:', err);
8  }
9}

11. 🧼 Explain Debouncing and Throttling.

Debouncing:

Runs function after delay if no repeated triggers.

1function debounce(fn, delay) {
2  let timer;
3  return function (...args) {
4    clearTimeout(timer);
5    timer = setTimeout(() => fn(...args), delay);
6  };
7}

Throttling:

Runs function once in a time window, regardless of repeated calls.

1function throttle(fn, delay) {
2  let lastCall = 0;
3  return function (...args) {
4    const now = new Date().getTime();
5    if (now - lastCall >= delay) {
6      lastCall = now;
7      fn(...args);
8    }
9  };
10}
11

12. 🧩 What are JavaScript Modules?

Answer:

Modules allow splitting code into reusable, independent files using import and export.

Example:

math.js

1export function add(a, b) {
2  return a + b;
3}

main.js

1import { add } from './math.js';
2console.log(add(2, 3)); // 5

13. 🔍 Explain memory management in JavaScript.

• JavaScript uses automatic garbage collection
• Two main concepts:
  • Reachability: Objects accessible from the root are kept
  • Reference Counting: Unused values are cleaned up

14. 🚦 What are short-circuit and logical operators?

Example:

1console.log(null || "default"); // "default"
2console.log("value" && 42);     // 42

15. 🧩 What is optional chaining and nullish coalescing?

Example:

1const user = {};
2console.log(user?.profile?.email); // undefined
3
4console.log(null ?? "fallback");  // "fallback"
5console.log(0 ?? 5);              // 0

🔚 Final Words

JavaScript is evolving constantly, and so are interview patterns. The best way to prepare is to master core concepts, practice with real examples, and understand how things work under the hood.