자바스크립트 원시타입과 객체 타입

dahye·2022년 9월 4일

JavaScript 자바스크립트

자바스크립트 원시타입과 객체 타입(Primitive, Object)

JavaScript 언어의 타입은 두 가지로 나뉩니다.

원시타입 (Primitive)
객체 (Object)

자바스크립트는 총 8개의 자료형으로 7개의 원시타입과 객체로 구성되어있습니다.

자바스크립트는 느슨한 타입의 동적 언어(Dynamic, weak type)입니다.

처음 선언(Declare) 시점에 특정 타입과 연결되지 않습니다. 변수에 타입 지정없이 할당이 가능하며, 할당하는 과정에서 타입이 결정됩니다.

타입 제한이 없기 때문에 어떤 특정 타입과 연결되지 않으며, 모든 타입의 값으로 할당과 재 할당이 가능합니다. 즉, 처음에 원시타입으로 선언과 할당을 통해 초기화 해도 이후에 객체 타입으로 재할당이 가능합니다. 같은 방식으로 객체 타입 할당 후 원시타입 재 할당이 가능합니다. 이를 동적 타이핑(Dyanmic Typeing)이라고 합니다.

원시타입(Primitive)

원시타입이란 무엇인가?

원시타입은 언어의 로우레벨에서 직접 표현되는 불변 데이터(Immutable Value)입니다.
원시 타입을 값으로 전달 됩니다 (pass-by-value)
변수 선언이 아닌 할당 시점에 메모리 스택 영역에 고정된 메모리를 점유하고 저장합니다.

JavaSciprt에서의 원시타입

자바스크립트에는 7개의 원시타입(Primitive Type)이 존재합니다.

Boolean, Null, Undefined, Number, BigInt, String, Symbol

원시 타입은 불변 데이터(Immutable Data)이므로 한번 생성되면 Read Only 속성을 가지며, 변경 될 수 없습니다.
primitivie-string-property-descriptor-capture

writable에 대한 속성이 false 입니다
→ 데이터를 변경 할 수 없습니다.
(속성들에 대한 더 자세한 정보는 이곳에서 확인하실 수 있습니다.)

💡 자바스크립트의 원시 타입은 값으로 호출 됩니다(call-by-value)

값으로 호출되는 경우에는 메모리 값을 직접 접근하여 수정할 수 없습니다.

(예시1) 변경

    let dahye = "Dahye";
    dahye[0] = "S";
    console.log(dahye); // Dahye

dahye 변수에 할당된 문자열은 원시값이고, Immutable합니다. 특정 문자를 변경하고자 해도 반영되지 않습니다.

(예시2) 재할당

    let dahye = "Dahye";
    dahye = "Dahye Shin";
    console.log(dahye); //Dahye Shin

문자열 변경이 아닌 새로운 값을 할당하는 것은 가능합니다. 원시값이 변경이 불가능하다는 것은 메모리 영역에 있는 값 수정이 불가능 하다는 의미입니다. 재할당을 통해서 메모리 영역에 있는 데이터를 변경하는 것이 아니라 주소를 변경하는 것은 가능합니다.

위의 예시는 “Dahye” 메모리 주소를 가르치던 것이 “Dahye Shin” 메모리 주소를 가르키도록 변경된 것 입니다. 재할당 이후, 도달 가능성(reachable)이 사라진 데이터들은 가비지 컬렉터에 수집하여 메모리에서 삭제합니다.)

객체타입(object/reference type)

객체타입이란?

일반적으로 컴퓨터 과학에서 객체는 식별자로 참조할 수 있는 메모리 상의 값입니다.
객체는 데이터와 그 데이터 관련한 동작을 모두 포함하는 개념적 존재입니다.
다양한 데이터를 담을 수 있습니다.
→ 키로 구분된 데이터 집합이나 개체(entity)를 저장할 수 있습니다.
프로퍼티(property)와 동작을 의미하는 메소드(method)를 가집니다.

자바스크립트에서의 객체

자바스크립트는 객체 기반의 스크립트 언어입니다.
- 원시데이터 (primitive) 자료형 외에는 배열, 함수, 정규 표현식 등이 모두 객체 타입입니다.
자바스크립트 객체는 키와 값을 매핑한 것입니다.
- 객체는 키와 값 사이의 매핑으로 해시 테이블과 유사합니다.
객체 타입은 변경 가능한 값(mutable value) 입니다.
writable에 대한 속성이 true 입니다.
→ 객체내에서 해당 속성 데이터를 변경 할 수 있습니다.
(객체에 속성에 대한 특성은 이곳에서 확인하실 수 있습니다.)

💡 자바스크립트의 객체는 참조(pass-by-reference) 전달하고, 전달 받습니다.
```
    
```