[인사이드 자바스크립트] 자바스크립트 데이터 타입과 연산자 2 - 참조 타입의 특성

자바스크립트에서 기본 타입을 제외한 모든 값은 객체이다. 배열이나 함수 또한 객체로 취급된다. 그리고 이러한 객체는 자바스크립트에서 참조 타입이라고 부른다. 이것은 객체의 모든 연산이 실제 값이 아닌 참조값으로 처리되기 때문이다.

 

 

 

1. objA 객체를 객체 리터럴 방식으로 생성했다. 여기서 objA 변수는 객체 자체를 저장하고 있는 것이 아니라 생성된 객체를 가리키는 참조값을 저장하고 있다.
2. 변수 objB에 objA 값을 할당한다. objA는 1번에서 생성된 객체를 가리키는 참조값을 가지고 있으므로 변수 objB에도 이같은 객체의 참조값이 저장된다. 

   

3. 변수 objB가 가리키는 객체의 val 값을 40에서 50으로 갱신했다. 이 때 objA도 변수 objB와 동일한 객체를 ㅊ마조하고 있으므로 a.val 값이 50으로 변경된 것을 확인할 수 있다.

 

객체 비교

동등 연산자(==)를 사용하여 두 객체를 비교할 때도 객체의 프로퍼티값이 아닌 참조값을 비교한다는 것에 주의해야 한다.

 

 

1. a와 b는 숫자 100을 저장하고 있는 기본 타입의 변수다. 기본 타입의 경우 동등 연산자(==)를 이용해서 비교할 때 값을 비교한다. 두 변수 모두 100이라는 동일한 값을 가지고 있으므로 a==b의 결과는 true가 된다.
2. objA와 objB는 다른 객체지만, 같은 형태의 프로퍼티값을 가지고 있다. 하지만 동등 연산자(==)로 두 객체를 비교하면 결과는 false가 된다. 기본 타입의 경우는 값 자체를 비교해서 일치 여부를 판단하지만, 객체와 같은 참조 타입의 경우는 참조값이 같아야 true가 된다. 따라서 다음 그림과 같이 objB와 objC는 같은 객체를 참조하므로 동등 연산자(==) 결과가 true가 되는 것이다.

 

참조에 의한 함수 호출 방식

기본 타입과 참조 타입의 경우는 함수 호출 방식도 다르다. 기본 타입의 경우는 값에 의한 호출(Call by value) 방식으로 동작한다. 

→ 함수를 호출할 때 인자로 기본 타입의 값을 넘길 경우, 호출된 함수의 매개변수로 복사된 값이 전달된다. 때문에 함수 내부에서 매개변수를 이용해 값을 변경해도, 실제로 호출된 변수의 값이 변경되지는 않는다.

이에 반해, 객체와 같은 참조 타입의 경우 함수를 호출할 때 참조에 의한 호출(Call by reference) 방식으로 동작한다. 

→ 즉, 함수를 호출할 때 인자로 참조 타입의 객체를 전달할 경우, 객체의 프로퍼티값이 함수의 매개변수로 복사되지 않고, 인자로 넘긴 객체의 참조값이 그대로 함수 내부로 전달된다. 때문에 함수 내부에서 참조값을 이용해서 인자로 넘긴 실제 객체의 값을 변경할 수 있는 것이다.