Are values passed by reference or by value in JavaScript?
The answer is: it depends!
Primitive types are passed by value.
Objects are passed by reference.
Primitive types are numbers, strings, booleans, null, undefined and symbols.
Everything that’s not a primitive type is an object. Arrays are objects. Functions are objects.
When you pass a number to a function, it’s copied into the function:
const increment = num => {
num = num + 1
}
const num = 2
increment(num)
console.log(num) //2
If you pass an object, it’s passed by reference, so if you modify one of its properties, also the original object is modified:
const increment = num => {
num.value = num.value + 1
}
const num = {
value: 2
}
increment(num)
console.log(num.value) //3
→ I wrote 17 books to help you become a better developer, download them all at $0 cost by joining my newsletter
→ JOIN MY CODING BOOTCAMP, an amazing cohort course that will be a huge step up in your coding career - covering React, Next.js - next edition February 2025