[JS]Pass By Value(primitives) VS Pass By Reference(objects)

👉 자바스크립트에서 값, 객체 복사/전달시 주의해야하는 점

Pass By Value(primitives) VS Pass By Reference(objects)

제목에 답이 있다.

 

먼저 JavaScript의 primitives 값(기본값)을 정확히 알고 있어야 하는데 이는 undefined, null, boolean, string and numbers로 총 6가지이다. 이와 같은 값을 전달할 때는 예시로

Anthony Alicea — Udemy.com

 

let a = 5 
let b = a

console.log(a) // => 5
console.log(b) // => 5

a = 1

console.log(a) // => 1
console.log(b) // => 5

b에 a를 할당하면 새로운 메모리 주소에 a 값이 저장되어 a를 변경해도 b의 값이 같이 변하지 않는다.

얕은 복사로 값을 복사할 때 많이 사용하는 방법이다.

 

 

 

이와 다르게 객체를 전달한다면

Anthony Alicea — Udemy.com

 

 

let a = {language: "Javascript"}
let b = a

console.log(a) // => {language: "Javascript"}
console.log(b) => {language: "Javascript"}

a.language = "Ruby"

console.log(a) // => {language: "Ruby"}
console.log(b) // => {language: "Ruby"}

b는 a와 같은 메모리 주소를 가리키게 된다. 따라서 a가 변경되면 같은 주소를 가리키는 b도 같이 변경된다.

 

 

 

참고 자료

https://codeburst.io/javascript-passing-by-value-vs-reference-explained-in-plain-english-8d00fd06a47c