[데이터 타입] 기본형과 참조형의 차이

1. 기본형 데이터 타입 (primitive data type)

• number, string, boolean, null, undefined 등
• 기본형 데이터 타입은 모두 불변성
• 데이터 변경은 데이터를 새롭게 만들어 할당해야만 이뤄집니다.

  var a = 'abc';

  주소	1001	...	5001
  데이터	이름: a 값: @5001		'abc'

  a = a + 'def';

  주소	1001	...	5001	5002
  데이터	이름: a 값: @5002		'abc'	'abcdef'

2. 참조형 데이터 타입 (reference data type)

• object, Array, Function, Date, RegExp(정규표현식) 등
• 참조형 데이터 타입은 가변성을 지니고 있습니다.
• 직접적인 값이 변경되는 기본형과는 달리, 참조된 객체 변수의 값이 변경됩니다.

  var obj1 = { a: 10, b: 'bb' };

  주소	1001	...	5001	5002	5003	...	7103	7104
  데이터	이름: obj1 값: @5001		@7103 ~ ?	10	'bb'		이름: a 값: @5002	이름: b 값: @5003

  obj1.b = 20

  주소	1001	...	5001	5002	5003	5004	...	7103	7104
  데이터	이름: obj1 값: @5001		@7103 ~ ?	10	'bb'	20		이름: a 값: @5002	이름: b 값: @5004

  
  
• 객체 자체를 변경했을 땐 새로운 객체를 할당하여 값을 직접 변경하기 때문에 가변성이 성립되지 않습니다.

  obj1.b = { a: 20, b: 'bb' };

  주소	1001	...	5001	5002	5003	5004	5005	...	7103	7104	...	8203	8204
  데이터	이름: obj1 값: @5005		@7103 ~ ?	10	'bb'	20	@8203 ~ ?		이름: a 값: @5002	이름: b 값: @5003		이름: a 값: @5002	이름: b 값: @5004

  
  
• 즉, 내부 프로퍼티를 변경할 때에만 가변성이 성립됩니다.