11장. 원시 값과 객체의 비교

"모던 자바스크립트 Deep Dive" 자바스크립트의 기본 개념과 동작 원리

 

🔶 원시 값

---

변경 불가능한 값

원시 값은 한 번 생성되면 그 값을 바꿀 수 없습니다. 변수에 새로운 값을 할당하면 기존 값이 수정되는 것이 아니라 새로운 메모리 공간에 값이 생성되고, 변수는 이를 가리킵니다. 이러한 불변성은 데이터의 신뢰성을 보장합니다.

var a = 10;
var b = a;

b = 20;
console.log(a);	// 10
console.log(b); // 20

문자열과 불변성

문자열은 각 문자마다 2바이트를 사용하며, 배열처럼 인덱스로 접근할 수 있지만 변경은 불가능합니다.

var str = "Hello";
str[0] = "h";
console.log(str); // "Hello" (변경되지 않음)

값에 의한 전달

원시 값은 값에 의한 전달로 복사됩니다. 변수 간 값이 복사되어 독립적인 메모리를 가지므로, 한 변수를 변경해도 다른 변수에는 영향을 미치지 않습니다.

var score = 80;
vat copy = score;

score = 100;
console.log(score); // 100
console.log(copy);  // 80

 

🔶 객체

---

변경 가능한 값

객체는 참조 값을 통해 접근하며, 프로퍼티 변경(추가, 수정, 삭제)이 가능합니다. 객체를 참조하는 변수는 참조값을 저장하므로, 객체를 직접 수정할 때 참조값은 변하지 않습니다.

참조에 의한 전달

변수에 객체를 할당하면 참조 값이 복사되어 전달됩니다. 두 변수가 동일한 객체를 가리키므로, 하나의 변수가 객체를 변경하면 다른 변수에도 영향을 미칩니다.

var obj1 = { name: "Alice" };
var obj2 = obj1;

obj2.name = "Bob";
console.log(obj1.name); // "Bob"

자바스크립트에서 전달되는 값이 원시 값인지 참조 값인지에 따라 값에 의한 전달과 참조에 의한 전달로 구분됩니다. 하지만 엄밀히 말하면 값에 의한 전달만 존재하며, 객체의 참조 값이 전달될 때 이를 구분하기 위해 참조에 의한 전달이라는 표현을 사용합니다.