데이터 타입은 크게 원시 타입과 객체 타입으로 구분할 수 있다.
원시 타입과 객체 타입은 세가지 측면에서 다르다.
1. 원시 값은 변경 불가능한 값인 반면, 객체는 변경 가능한 값이다.
2. 원시 값을 변수에 할당하면 변수에는 실제 값이 저장되는 반면, 객체를 변수에 할당하면 변수에는 참조 값이 저장된다.
3. 값에 의한 전달- 원시 값이 복사되어 전달
참조에 의한 전달- 참조 값이 복사되어 전달
원시 값
원시 값은 변경 불가능한 값이다.
그렇기 때문에 변수 값을 변경하기 위해 원시 값을 재할당 하면 새로운 메모리 공간을 확보하고 재할당한 값을 저장한 후, 변수가 참조하던 메모리 공간의 주소를 변경한다.
값의 이러한 특성을 불변성이라 한다.
문자열
자바스크립트는 개발자의 편의를 위해 원시 타입인 문자열 타입을 제공한다.
한번 생성된 문자열은 읽기 전용 값으로서 변경할 수 없다.
그러나 변수에 새로운 문자열을 재할당하는 것은 물론 가능하다. 기존 문자열을 변경하는 것이 아닌, 새로운 문자열을 할당하는 것이기 때문이다.
값에 의한 전달
변수에 원시 값을 갖는 변수를 할당하면 할당받는 변수에는 할당되는 변수의 원시 값이 복사되어 전달된다.
이를 값에 의한 전달이라 한다.
var score = 80;
var copy = score; // copy 변수에는 score변수의 값 80이 복사되어 할당된다.
console.log(score, copy) // 80 80
score = 100;
console.log(score, copy) // 100 80
score 변수와 copy변수는 다른 메모리 공간에 저장된 별개의 값이다.
그러므로 score변수의 값을 변경해도 copy 변수의 값에는 영향을 주지 않는다.
이때,
var copy = score;
여기서 score는 식별자 표현식으로서 숫자 값 80으로 평가된다. 이때 두가지 평가 방식이 가능하다.
1. 새로운 80을 생성해서 copy에게 메모리 주소를 전달하는 방식.
->할당 시점에 두 변수가 기억하는 메모리 주소가 다르다.
2. score의 변수값 80의 메무리 주소를 그대로 전달하는 방식.
->할당 시점에 두 변수가 기억하는 메모리 주소가 같다.
이처럼 '값에 의한 전달'도 사실은 메모리 주소를 전달한다.
중요한 것은 두 변수의 원시 값은 서로 다른 메모리 공간에 저장된 별개의 값이 되어 어느 한쪽에서 재할당을 통해 값을 변경하더라도 서로 간섭할 수 없다는 것이다.
객체
변경 가능한 값
객체를 할당한 변수가 기억하는 메모리 주소를 통해 메모리 공간에 접근하면 참조 값에 접근할 수 있다.
참조 값은 생성된 객체가 저장된 메모리 공간의 주소, 그 자체다.
var person = {
name: 'Kim'
};
객체를 할당한 변수, person에는 참조 값(생성된 객체가 실제로 저장된 메모리 공간의 주소)이 저장되어있다.
객체를 할당한 변수는 재할당 없이 객체를 직접 변경할 수 있다.
프로퍼티를 동적으로 추가, 갱신, 삭제할 수 있다.
객체를 가리키는 변수를 다른 변수에 할당하면 원본의 참조 값이 사본으로 복사되어 전달된다. 이를
참조에 의한 전달
이라고 한다.
이 때, 원본과 사본은 저장된 메모리 주소는 다르지만 동일한 참조 값을 갖는다.
이것은 여러 개의 식별자가 하나의 객체를 공유할 수 있다는 것이다. (부작용)
정리
변수에 원시 값을 갖는 변수를 할당하여 원시 값을 복사하는 값에 의한 전달
-> 하나의 값을 변경해도 다른 하나에 영향을 주지 않는다.
객체를 가리키는 변수를 다른 변수에 할당하여 원본의 참조값을 전달 하는 참조에 의한 전달
-> 한쪽에서 객체를 변경(프로퍼티 값 변경,추가,삭제 등)하면 서로 영향을 주고 받는다.
그리고 두 전달은 식별자가 기억하는 메모리 공간에 저장되어 있는 값을 복사해 전달 한다는 면에서 동일하다.
'FRONT > JAVASCRIPT' 카테고리의 다른 글
[javascript] 스코프 (함수 레벨 스코프, 렉시컬 스코프) (0) | 2021.06.19 |
---|---|
[javascript] 함수 (함수 호이스팅, 매개변수, 반환문) (0) | 2021.06.17 |
[javascript] 객체 생성과 프로퍼티, 메소드 (0) | 2021.06.17 |
[javascript] 타입 변환과 단축 평가 (0) | 2021.06.17 |
[javascript] 데이터 타입 (0) | 2021.06.16 |