Loading...
See how pass by value vs pass by reference works in JavaScript with an interactive visualization. Watch primitives copy, objects share references, and compare shallow copy, deep copy, and structuredClone.
Loading visualization...
JavaScript primitives are copied by value while objects are handled through references to heap allocations, which explains shared mutation and copy behavior.
Primitive assignments and argument passing copy the actual primitive value, so later changes to one variable do not affect the other.
Objects and arrays are stored in memory locations, and variables hold references to those locations. Copying such variables copies the reference, not the object contents.
Understanding this distinction is essential for predictable state updates, immutability patterns, and avoiding accidental side effects.
Interview framing: define Reference vs Value in one sentence, then explain one concrete runtime behavior and one common pitfall with a short code example.
const b = a for objects means both variables point to the same object, so mutation through one affects the other.
Fix: Use copy utilities and immutable update patterns when independent objects are needed.
Object and array spread copy only one level, leaving nested objects shared by reference.
Fix: Deep clone nested structures intentionally with structuredClone or custom copy logic.
Passing an object into a function passes its reference, so in-function mutation can leak outside.
Fix: Clone inputs or keep functions pure when mutation side effects are undesired.
Common interview prompts with concise model answers.
JavaScript passes values. For arrays and objects, that value is a reference to the underlying object.
const a = { count: 1 };
const b = a;
b.count = 2;
console.log(a.count); // 2 (shared object identity)structuredClone is a solid built-in for many cases, but compatibility and data-shape constraints should be considered.
Strict equality compares object identity, so a === b is true when both references point to the same object.
No. freeze is shallow and does not recursively freeze nested objects unless you do so manually.
Continue with these concepts to strengthen your mental model.
let a = 42;let b = a;b = 100;console.log(a);console.log(b);empty
No output yet.