원시 타입과 참조 타입

JavaScript 2020. 5. 19. 20:58

자바스크립트는 원시 타입(primitive type)과 참조 타입(reference type)이라는 두 가지 자료형을 제공한다.

원시 타입 : 숫자(Number), 불린(Boolean), null, undefined, 문자열(String)

참조 타입 : 객체(Object), 배열(Array), 함수(function)

원시 타입 데이터는 변수에 할당할 때 원시 데이터 값이 그대로 담긴다.

변수를 복사하게 될 경우 그 변수에 담고 있는 원시 데이터 값이 복사된다.

let x = 10;// 원시 타입인 숫자 10을 x라는 변수에 담았다.
console.log(x)// 10
let y = x;
x = 7;
console.log(y)// 10

이와 달리, 참조 타입 값은 변수에 할당하게 될 경우 데이터 값이 직접 담기는게 아니라 그 값에 대한 참조를 담는다.(그 값의 주소를 담는다)

변수를 복사하게 될 경우 변수에 담은 데이터의 값이 아닌, 데이터의 참조가 복사된다.

let a = {age : 20};// 참조 타입인 객체를 a 라는 변수에 담았다.
let b = a;
a.age = 19;
console.log(b.age)// 19 -> a와 b가 같은 참조(주소)를 담고 있다. 즉, 같은 곳(같은 객체)을 바라보고 있다.

[참고]

진수의 개발세계 진수의 개발세계