Question 1

How would you use Object.groupBy() to group an array of orders by status, and how does it compare to a manual reduce()?

Accepted Answer

**Target Audience:** Engineers preparing for JavaScript fundamentals interviews. **Difficulty:** Easy > **How to read this doc:** Concepts are explained in plain language first, then tagged with 📌 Interview term:. Every claim below was actually run — both implementations were executed against the identical real orders array and their outputs directly compared. ## 1. Why This Even Matters — A Story First Sorting a pile of mail into labeled bins by recipient is a task every office

Question 2

How does Array.prototype.with() let you replace one array element immutably, and where would that pattern actually help?

Accepted Answer

**Target Audience:** Engineers preparing for JavaScript immutable-data-pattern interview questions. **Difficulty:** Easy > **How to read this doc:** Concepts are explained in plain language first, then tagged with 📌 Interview term:. Every result below was actually run on Node.js v24.19.0 — the printed output is real, captured output, not illustrative sample text. ## 1. Why This Even Matters — A Story First Imagine a printed photograph versus a photo-editing app with an undo hist

Question 3

How does 'use strict' change what `this` refers to inside a regular function called without a receiver, compared to non-strict mode?

Accepted Answer

**Target Audience:** Engineers preparing for JavaScript this-binding interview questions. **Difficulty:** Medium > **How to read this doc:** Concepts are explained in plain language first, then tagged with 📌 Interview term:. Every result below was actually run on Node.js v24.19.0 — captured output, not illustrative sample text. ## 1. Why This Even Matters — A Story First Imagine handing someone a form that says "sign here as: ___" with the blank left empty. In a lenient office,

Question 4

How does Array.prototype.toSorted() differ from .sort(), and why does that matter when updating state immutably?

Accepted Answer

**Target Audience:** Engineers preparing for JavaScript immutable-state-update interview questions. **Difficulty:** Medium > **How to read this doc:** Concepts are explained in plain language first, then tagged with 📌 Interview term:. Every result below was actually run on Node.js v24.19.0 — captured output, not illustrative sample text. ## 1. Why This Even Matters — A Story First Picture a manager who wants to keep a snapshot of yesterday's inventory list before making changes

Question 5

How would you use the Page Visibility API to pause a setInterval-based poller when a user switches to a different browser tab?

Accepted Answer

**Target Audience:** Engineers preparing for JavaScript browser-API interview questions. **Difficulty:** Medium > **How to read this doc:** Concepts are explained in plain language first, then tagged with 📌 Interview term:. Every result below was actually run against a real jsdom document on Node.js v24.19.0 — the printed output is real, captured output, not illustrative sample text. ## 1. Why This Even Matters — A Story First Picture a delivery app polling a restaurant every fe

Question 6

Why would you use performance.now() instead of Date.now() to measure how long a function takes to run?

Accepted Answer

**Target Audience:** Engineers preparing for JavaScript performance-measurement interview questions. **Difficulty:** Medium > **How to read this doc:** Concepts are explained in plain language first, then tagged with 📌 Interview term:. Every result below was actually run on Node.js v24.19.0 — the printed output is real, captured output, not illustrative sample text. ## 1. Why This Even Matters — A Story First Imagine timing a race two different ways. One timer is a wall clock th

Question 7

How does Array.prototype.toReversed() avoid the classic bug of accidentally mutating a shared array reference?

Accepted Answer

**Target Audience:** Engineers preparing for JavaScript array-methods interview questions. **Difficulty:** Easy > **How to read this doc:** Concepts are explained in plain language first, then tagged with 📌 Interview term:. Every result below was actually run on Node.js v24.19.0 — captured output, not illustrative sample text. ## 1. Why This Even Matters — A Story First Imagine two people each holding what they believe is their own copy of the same shopping list, but it is actua

Question 8

Why would you add { passive: true } to a scroll or touchstart listener, and what problem does it solve for scroll performance?

Accepted Answer

**Target Audience:** Engineers preparing for JavaScript fundamentals interviews. **Difficulty:** Easy > **How to read this doc:** Concepts are explained in plain language first, then tagged with 📌 Interview term:. The core "does preventDefault() do anything in a passive listener" claim below was actually run and checked, not assumed. ## 1. Why This Even Matters — A Story First A crossing guard who must wait for every single car in a long line to individually confirm "I am not tu

Question 9

How would you use the BroadcastChannel API to sync application state across multiple open browser tabs?

Accepted Answer

**Target Audience:** Engineers preparing for JavaScript fundamentals interviews. **Difficulty:** Medium > **How to read this doc:** Concepts are explained in plain language first, then tagged with 📌 Interview term:. Every claim below — including the self-exclusion behavior — was verified live in a real, current browser via the Claude Browser pane. `BroadcastChannel` is confirmed genuinely NOT implemented in jsdom. ## 1. Why This Even Matters — A Story First A group text message

Question 10

How would you write a Proxy 'set' trap that validates a value before allowing an assignment, and what happens if you return false?

Accepted Answer

**Target Audience:** Engineers preparing for JavaScript meta-programming and data-validation interviews. **Difficulty:** Medium > **How to read this doc:** Concepts are explained in plain language first, then tagged with 📌 Interview term:. The real rejection, the real accepted write, and the real strict-mode throw below were **actually run** — not descriptions of documented behavior. See also this bank's own dedicated

JAVASCRIPTDECODED.

Easy

How would you use Object.groupBy() to group an array of orders by status, and how does it compare to a manual reduce()?

How does Array.prototype.with() let you replace one array element immutably, and where would that pattern actually help?

How does 'use strict' change what `this` refers to inside a regular function called without a receiver, compared to non-strict mode?

How does Array.prototype.toSorted() differ from .sort(), and why does that matter when updating state immutably?

How would you use the Page Visibility API to pause a setInterval-based poller when a user switches to a different browser tab?

Why would you use performance.now() instead of Date.now() to measure how long a function takes to run?

How does Array.prototype.toReversed() avoid the classic bug of accidentally mutating a shared array reference?

Why would you add { passive: true } to a scroll or touchstart listener, and what problem does it solve for scroll performance?

Medium

How would you use the BroadcastChannel API to sync application state across multiple open browser tabs?

How would you write a Proxy 'set' trap that validates a value before allowing an assignment, and what happens if you return false?

How would you remove an item from an array immutably using toSpliced(), and how does it compare to splice()?

How would you use ResizeObserver to react to an element's size changing, without polling getBoundingClientRect() on every frame?

Why is navigator.sendBeacon() the right tool for sending analytics data when a user closes a tab, instead of a normal fetch call?

How would you use IntersectionObserver to lazy-load images only as they scroll into the viewport?

How would you use MutationObserver to detect when a third-party script injects new nodes into the DOM?

How would you implement a debounce utility that also exposes a .cancel() method to cancel a pending call?

Hard

Why can pushing a single non-numeric value into a large numeric array tank its performance in V8, and how would you avoid it?

How does SharedArrayBuffer let two Web Workers share memory directly, and what race conditions do you need to guard against?

How would you make a custom class iterable with for...of by implementing Symbol.iterator as a generator method?

How would you write a deep-clone function that correctly handles a self-referencing (circular) object without infinite recursion?

How would you implement a throttle function with configurable leading- and trailing-edge execution?

How would you transfer a large ArrayBuffer between a worker and the main thread without copying it, using postMessage's transfer list?

How would you implement Symbol.asyncIterator on a class to transparently page through a paginated API with for await...of?

How would you implement a curry() function that supports partial application with placeholder arguments?