변수 복사

기본형 데이터의 경우

두 변수가 같은 주소를 값으로 가진다.

• 변수 영역의 빈 공간 1001을 확보, 식별자를 a로 지정한다
• 10을 할당하기 위해, 데이터 공간에서 10을 찾으나, 없으니 새로 만들고 10을 저장한 다음, 주소값을 1001에 저장한다
• 변수영역의 빈 공간 1002를 확보하고, 1001에 저장된 주소값을 1002에 복사한다

참조형 데이터의 경우

마찬가지로 두 변수 obj1, obj2가 같은 주소값을 가진다.

• 변수 영역의 빈 공간 1003을 확보, 식별자를 obj1로 지정.
• 객체 데이터 할당을 위해 데이터 영역에 빈 공간을 할당하고, 프로퍼티를 위한 변수 영역을 확보, 10과 'ddd'라는 데이터를 저장한다.
  이때, 10은 이미 데이터 영역에 있으니, 이전에 만든 공간의 주소값을 가져다 사용하고, 'ddd'는 없으니 새로 만든다.
• obj2를 위해 변수 영역에 빈 공간 1004를 확보하고, 이 영역에 1003의 값, 즉 객체의 주소를 저장한다.
• 따라서, obj1과 obj2의 값은 서로 같게 되고, 같은 객체를 가리키게 된다.

변수 복사 이후 값 변경 비교

• b의 값을 15로 바꾸면, 데이터 영역에서 15를 찾고, 있으면 그 주소를, 없으면 새로운 데이터를 만든 다음 그 주소를 b에 저장한다.
  이렇게 해서 a와 b는 서로 다른 주소를 가지게 된다.
• 반면, obj1.c를 바꾸더라도, obj1와 obj2가 가리키는 주소는 변하지 않았다. 그래서 둘은 여전히 같은 객체의 주소값을 가지고 있다.
  obj1.c라는 프로퍼티를 바꾸는 것은, obj1이 가리키는 객체의 프로퍼티 변수의 값을 바꾸는 것이기 때문에, obj1과 obj2의 값에 영향을 주지 않는다.

변수 복사 요약

• 기본형이건 참조형이건, 자바스크립트는 주소값을 복사한다.
• 다만, 참조형은 한 단계(프로퍼티 변수) 더 거쳐야 데이터에 접근할 수 있다는 차이가 있다.
• 그런 이유로 값을 복사하는 것 까지는 같은 방식으로 동작하지만, 복사 후에는 서로 다르게 동작한다.