[JS] JavaScript의 자료형과 JavaScript만의 특성

1. 느슨한 타입(loosely typed)의 동적(dynamic) 언어

JavaScript는 Java, C, TypeScript 등 엄격히 타입선언을 해야하는 언어와는 달리 느슨한 타입을 지닙니다.

let foo = 42 // foo가 숫자
foo = 'bar' // foo가 이제 문자열
foo = true // foo가 이제 불리언

이처럼 변수에도 따로 타입 지정을 해주지 않아도 되며, 값에 따라 자동으로 타입이 지정됩니다.
즉, JavaScript의 변수는 어떤 특정 타입과 연결되지 않으며, 모든 타입의 값으로 할당(및 재할당) 가능합니다.

2. JavaScript 형변환

이전에 정리한 글을 참조해주세요.

[JS] 4. 암시적 형변환, 명시적 형변환, Nominal, 구조화, 덕 타이핑

3. ==, ===

이전에 정리한 글을 참조해주세요.

[JS] 5. == & === & typeof

4. 느슨한 타입(loosely typed)의 동적(dynamic) 언어의 문제점 및 보완할 수 있는 방법

JavaScript의 단점을 보완한 TypeScript가 있습니다.
TypeScript는 JavaScript와 비슷하지만 정적 언어와 같이 타입을 선언하여 체크할 수 있고,
JavaScript의 오류는 런타임 시에만 디버깅이 가능하지만, TypeScript는 컴파일 단계에서 오류를 출력해주기에 컴파일 단계에서 디버깅이 가능합니다.

5. undefined와 null의 미세한 차이

undefined은 변수를 선언하고 값을 할당하지 않은 상태(값을 할당하지 않게되면 Javascript는 자동으로 undefined를 할당합니다),
null은 변수를 선언하고 빈 값을 개발자의 의도대로 할당한 상태(빈 객체)입니다.
즉, undefined는 자료형이 없는 상태이다.
따라서 typeof를 통해 자료형을 확인해보면 null은 object로, undefined는 undefined가 출력되는 것을 확인할 수 있습니다.

typeof null // 'object'
typeof undefined // 'undefined'
null === undefined // false
null == undefined // true
null === null // true
null == null // true
!null // true
isNaN(1 + null) // false
isNaN(1 + undefined) // true

5.1. undefined

undefined는 원시값(Primitive Type)으로, 선언한 후에 값을 할당하지 않은 변수나 값이 주어지지 않은 인수에 자동으로 할당됩니다.
이 값은 전역 객체의 속성 중 하나로, 전역 스코프에서의 변수이기도 합니다. 따라서 undefined 변수의 초기 값은 undefined. 즉, 원시 값입니다.

아래의 경우에 변수가 undefined를 반환합니다.

• 값을 할당하지 않은 변수
• 메서드와 선언에서 변수가 할당받지 않은 경우
• 함수가 값을 return 하지 않았을 때

5.2. null

null은 원시값(Primitive Type) 중 하나로, 어떤 값이 의도적으로 비어있음을 표현합니다.
undefined는 값이 지정되지 않은 경우를 의미하지만, null의 경우에는 해당 변수가 어떤 객체도 가리키고 있지 않다는 것을 의도적으로 명시할 때 사용됩니다.

 

추가 데이터 타입은 이전 글을 참조해주세요.

[JS] 모던자바스크립트 Deep Dive - 데이터 타입

6. Reference

JavaScript의 타입과 자료구조 - JavaScript | MDN