이야기는 메모리로부터…

다음과 같이 자바스크립트에서 변수를 생성하면, 이 변수는 컴퓨터의 어디에 저장될까?

1

var a = 1;

메모리에 저장된다. 메모리는 cpu가 연산을 처리하면서 데이터를 임시적으로 저장하는 공간이다. 윈도우나 macOS도 부팅을 하고 나면, 메모리에서 해당 OS가 돌게된다. 메모리는 임시 저장소 이지만, 하드디스크에 데이터를 읽는 것 보다 약 10~12배 정도 빠르다. 참고: Numbers everyone should know

변수의 두 종류

변수를 두가지 종류로 나누면 다음과 같이 나눌 수 있다

• 원시 타입(Primitive type)
• 참조 타입(Reference type)

원시 타입에는 string, boolean, int, float 등이 있고, 참조 타입에는 object나 array가 있다.

원시 타입

사실 원시 타입으로 Object나 Array를 표현 할 수 있다. 언어를 만들 때, 그렇게 설계하면 된다. 그런데 Javascript 언어 설계자는(그외 다른 언어도 마찬가지) 왜 object나 array를 참조 타입으로 만들었다. 이유는 아마, 메모리를 아끼려고 그랬을 것이다.

원시 타입의 경우, 원시 타입으로 만들어진 변수를 사용할 때 마다, 그 변수의 복사본이 메모리 어딘가에 복사된다.

1
2
3
4
5

var a = 1;
function myFunc(a) {
  console.log(a);
}
myFunc(a);

위의 코드에서 myFunc(a)함수를 호출할 때, 전역 변수 a와, 함수 안의 변수 a는 메모리에 저장되어 있는 위치도 다르고, 코드 내에서도 서로 독립적인 값이다.

참조 타입

Object나 Array의 경우, 그 안에 다양한 값들을 넣을 수 있다. 그 값안에 또다른 Object나 Array를 넣는다면, 무한대로 중복해서 값을 넣을 수도 있을 것이다.

1
2
3
4
5
6
7

var obj = {
  a: {
    b: {
      ...
    }
  }
}

이 Object나 Array라는 녀석들은 덩치가 커질 가능성이 농후한데, 매번 Object나 Array를 메모리에 복사해서 사용하려면, 메모리가 감당이 안 될 것이다. 따라서 참조 타입일 때 필요한 경우, 값을 메모리의 다른 주소에 복사하는 방법 대신, 그 메모리의 주소를 참조하여 값을 꺼내오는 방식으로 메모리 사용량을 줄일 수 있게 된다.

간단한 예

Call by value

1
2
3
4
5

var a = 1;
var b = a;
b = 3;
console.log(a); // 1
console.log(b); // 3

Call by reference

1
2
3
4
5
6
7

var obj = {
  text: "this is obj text",
}
var obj2 = obj;
obj2.text = "this is obj2 text";
console.log(obj.text); // this is text
console.log(obj2.text); // this is text

Call by value의 경우, 메모리에 a와 b 두개의 변수가 저장되지만 Call by reference의 경우, obj.text와 obj2.text가 같은 메모리 위치를 공유하게 된다.