자바스크립트가 data 를 저장하는 방법 (메모리 저장 방식)

📍  당신이 선언한 변수는 스스로에게 할당된 값을 모  른  다.

 

 

우리가 변수로 선언하고 지정하는 모든 것은 "식별자"이다.

식별자란, 메모리 공간에 저장되어 있는 어떤 값을 구별(식별)해 낼 수 있는 고유한 이름이다.

즉, 식별자는 값이 아니라 값이 저장된 메모리 주소를 기억한다.

--> 원시 타입과 객체 타입 모두에 해당되는 내용이기 때문에 굉장히 중요함

 

---

 

다음과 같은 방식으로 원시 타입의 값을 복사하게 되면 1또는 2와 같은 일이 일어난다.

 

const num = 5;
const copyNum = num;

console.log(num === copyNum) // true
// 원시 값을 할당한 변수를 다른 변수에 할당하는 것을 "깊은 복사"라고 부르기도 한다. (공식 x)

 

1. 새로운 메모리 공간을 할당하여 복사된 값을 저장한다. (할당된 값은 같지만 메모리 주소는 다르다)

2. 다른 값이 할당되기 전까지 같은 메모리 공간을 공유한다. (할당된 값도 같고 메모리 주소도 같다)

-->  ECMAScript에서 내부 동작이 어떻게 일어나는지 설명해놓지 않아서 일단 가정

 

 

위와 동일한 형식으로 객체 타입의 값을 복사하게 되면 다음과 같은 일이 일어난다.

 

const obj = {
  number : 5
};
const copyObj = obj;

console.log(obj === copyObj) // true
// 객체를 할당한 변수를 다른 변수에 할당하는 것을 "얕은 복사"라고 부르기도 한다. (공식 x)

 

새로운 메모리 공간을 할당하여 복사된 값의 주소를 저장한다. (할당된 값의 주소는 같지만 메모리 주소는 다르다)

 

---

 

메모리 공간에 저장되는 값이, 원시 타입은 값 그 자체이지만,

객체 타입은 값의 주소이기 때문에 비교 연산자 구문에서 차이가 생긴다.

 

// 모두 메모리 공간에 저장된 값을 비교한다.

// 원시 타입
const name = 'lee';
const holy = 'lee';

console.log(name === holy) // true
// 생김새도 같고 메모리 공간에 저장된 값도 같다.

// 객체 타입
const nameObj = {
  name: 'lee'
};

const holyObj = {
  name: 'lee'
};

console.log(nameObj === holyObj) // false
// 생김새는 같지만 메모리 공간에 저장된 참조 값이 다르다.