Adil Rehman
1. What’s the Deal with Hoisting, and Why Should I Care?
Hoisting is JavaScript’s quirky way of moving variable and function declarations to the top of their scope during compilation. It’s like the language is saying, “Don’t worry, I’ll figure out where you meant to put this.”
console.log(myVar); // undefined
var myVar = 42;
sayHello(); // "Hello, 2025!"
function sayHello() {
console.log("Hello, 2025!");
}Explanation: var declarations are hoisted but not initialized, so myVar is undefined until assigned. Function declarations are fully hoisted, making sayHello callable anywhere in its scope. In 2025 interviews, expect a twist: “What happens with let and const?” (Spoiler: They’re hoisted but stuck in a Temporal Dead Zone until declared, throwing a ReferenceError if accessed early.)
2. Can You Explain Closures Like I’m Five?
Imagine a toy box that remembers its toys even after you close it. A closure is a function that “remembers” its outer scope’s variables, even after that scope has finished executing.
function createCounter() {
let count = 0;
return function() {
return ++count;
};
}
const counter = createCounter();
console.log(counter()); // 1
console.log(counter()); // 2Explanation: The inner function “closes over” count, keeping it alive. Interviewers love this because it tests scope, memory, and practical use cases like data privacy or state management.
3. How Do Arrow Functions Change the Game with this?
Arrow functions don’t have their own this—they inherit it from their enclosing scope. This makes them a lifesaver (or a headache) in callbacks.
const person = {
name: "Alex",
greet: function() {
setTimeout(() => {
console.log(`Hi, I’m ${this.name}`);
}, 1000);
}
};
person.greet(); // "Hi, I’m Alex" (after 1 second)Explanation: With a regular function, this would be undefined in strict mode or the global object. Arrow functions keep this tied to person. Expect a follow-up: “How would you fix this pre-ES6?”
4. Promises vs. Async/Await: What’s the 2025 Take?
Promises handle async operations, but async/await makes them feel synchronous. In 2025, interviewers want clean, error-handled code.
async function fetchData() {
try {
const response = await fetch("https://api.example.com/data");
const data = await response.json();
console.log(data);
} catch (error) {
console.error("Oops:", error);
}
}
fetchData();Explanation: This beats chaining .then() for readability. Bonus points: Mention how Promise.all can parallelize multiple awaits.
5. How Does JavaScript Handle Memory in 2025?
JavaScript uses garbage collection (GC) to reclaim memory from objects no longer referenced. The Mark-and-Sweep algorithm is king, but WeakMap and WeakSet are the unsung heroes for temporary data.
let obj = { data: "Heavy stuff" };
const weakMap = new WeakMap();
weakMap.set(obj, "Temporary");
obj = null; // obj can be garbage collected, and weakMap drops itExplanation: Unlike Map, WeakMap doesn’t prevent GC, making it perfect for caching without memory leaks. Interviewers might ask: “How would you debug a memory leak?”
6. What’s the Fuss About Functional Programming?
JavaScript’s functional side—pure functions, immutability, and higher-order functions—is hot in 2025. Show off with a curried function:
const add = a => b => a + b;
const addFive = add(5);
console.log(addFive(3)); // 8Explanation: Currying splits a multi-argument function into a chain of single-argument ones. It’s reusable and composable—interview gold!
7. How Do You Optimize Event Handling?
Event delegation uses a single listener on a parent to handle child events, boosting performance.document.querySelector("#list").addEventListener("click", (e) => {
if (e.target.tagName === "LI") {
console.log(`Clicked: ${e.target.textContent}`);
}
});
<ul id="list">
<li>Item 1</li>
<li>Item 2</li>
</ul>Explanation: Instead of attaching listeners to each <li>, one listener on #list catches bubbled events. Bonus: It works for dynamically added items.
8. What’s Up with NaN !== NaN?
NaN (Not-a-Number) is a unique snowflake—it’s not equal to itself due to IEEE 754 standards.
console.log(NaN === NaN); // false
console.log(Number.isNaN(NaN)); // trueExplanation: Use Number.isNaN() or Object.is() to check for NaN. This trips up even seasoned devs, so nail it!
9. Decode This Type Coercion Madness
console.log([] + []); // ""
console.log([] + {}); // "[object Object]"
console.log({} + []); // "[object Object]"Explanation: + coerces operands to strings or numbers. Empty arrays become "", objects become "[object Object]". Order matters due to parsing quirks—classic interview trap!
10. Flatten an Array Without flat()
Recursion is your friend in 2025 interviews:
function flatten(arr) {
return arr.reduce((flat, item) =>
flat.concat(Array.isArray(item) ? flatten(item) : item), []);
}
console.log(flatten([1, [2, [3, 4], 5]])); // [1, 2, 3, 4, 5]Explanation: reduce iterates, and recursion handles nested arrays. Show complexity analysis (O(n)) for extra credit.
11. Explain JavaScript to Your Grandma
“JavaScript is like a magic wand for websites. It makes buttons dance when you click them and fetches new pictures without waiting for the whole page to reload.”
Explanation: Simplifying tech shows communication skills. Pair it with a project story: “I used JavaScript to build a live chat app—super fun!”
You’re now armed with unique, 2025-ready JavaScript interview ammo. Practice these questions, tweak the examples, and walk in with confidence. The tech world moves fast, but JavaScript’s core endures—master it, and you’ll shine.
Resources:
Software developmentWelcome to 2025, where JavaScript continues to reign supreme as the backbone of web development. Whether you’re building sleek front-end interfaces, scalable back-end systems with Node.js, or even dab...
February 21, 2025
5 minutes
Software developmentSoftware engineering at the principal level requires not only technical expertise but also the ability to manage complex projects and lead teams. Productivity is key for software engineers at any leve...
October 27, 2024
Software developmentWorking alongside talented developers is a unique privilege, as it often reveals lessons beyond what any textbook or coding bootcamp can teach. The smartest developers I’ve had the opportunity to coll...
October 25, 2024
Software developmentCoding interviews are a crucial part of the hiring process for software engineering roles. While seasoned programmers often have extensive experience and knowledge, they sometimes struggle with coding...
September 18, 2024
5 mint read
Software developmentProgramming is an ever-evolving field, and while formal education provides a solid foundation, there are several principles and practices that you typically won't learn in school. This article explore...
September 18, 2024
Software developmentReact Native 0.75 introduces a significant update with a brand new architecture, setting the stage for enhanced performance, better developer experience, and long-term stability. As mobile development...
August 16, 2024
5 mint read