null / undefined 타입

설명

JavaScript에서 null, undefined는 데이터 타입 이자 하나의 값입니다. TypeScript에서도 하나의 타입으로 처리 되며 다음과 같이 사용할 수 있습니다.

let nullable:null = null;
let undefinedable:undefined = undefined;

하지만 null로 명시적 타입이 설정된 변수에 null이 아닌 값이 할당되면 다음과 같은 오류를 출력합니다.

// [오류]
// [ts] 'undefined' 형식은 'null' 형식에 할당할 수 없습니다.
// let nullable: null
nullable = undefined;

이와 같이 엄격하게 오류를 출력하는 이유는 tsconfig.json에 다음과 같이 설정되어있기 때문입니다. 설정 값을 false로 설정할 경우 위와 같은 오류가 발생하지 않습니다.

"strictNullChecks": true, /* 엄격한 null 검사 사용 */

참고로 "strictNullChecks": true 설정 시, 모든 데이터 타입은 null, undefined를 할당 받을 수 없습니다. 그러므로 아래와 같은 코드 구문은 오류를 출력합니다.

// [오류]
// [ts] 'null' 형식은 'string' 형식에 할당할 수 없습니다.
// let assign_name: string
let assign_name:string = null;

if (!assign_name) {
  assign_name = '미네랄';
}

이 문제를 해결하려면 애니(any) 또는 유니온(|) 타입을 사용해야 합니다. 하지만 any를 사용하면 문자 타입으로 특정 짓는 것이 아니므로 유니온 타입을 사용하는 것이 보다 적절합니다.

// let assign_name:any = null;
let assign_name:string|null = null;

if (!assign_name) {
  assign_name = '미네랄';
}

만약 아래와 같이 코드를 작성했을 때 null, undefined를 항상 서브 타입(Sub Type)으로 할당 가능하게 하려면, 즉 오류를 출력하지 않으려면 tsconfig.json 설정에서 "strictNullChecks" 값을 false로 설정하면 됩니다.

// tsconfig.json
"strictNullChecks": false,

// 오류가 출력되지 않습니다.
let assign_name:string = null;

if (!assign_name) {
  assign_name = '미네랄';
}

참고

Handbook - Basic Typestypescriptlang

TypeScript - null / undefined 타입