[Typescript] null과 undefined

자바스크립트에서 null과 undefined는 그 자체로 오류나 미초기화를 나타내는 값이다.

타입스크립트에서도 이를 그대로 지원하며, 이들 각각은 각자의 타입을 고유하게 가진다.
null값은 타입도 null이며, undefined도 타입이 undefined다.

그리고 다른 타입값에도 저게 그대로 들어갈 수 있다.

잘 돌아간다.
근데 저 오류와 버그의 원천을 그대로 허용한다는 건 말도 안되는 소리다.

다행히도 기본설정은 아니지만,
전용 플래그를 주면 null이나 undefined 값이 아무데나 들어가지 못하게 막을 수 있다.
--strictNullChecks다.

이런건 좀 기본설정으로 하는게 좋았을텐데.

Nullable 타입

그럼 저런 상황에서 null을 사용하려면 어떻게 해야할까?

null을 아예 쓰지 않는다는건 불가능하다. 제약을 걸어둘 뿐이지...
이렇게 타입을 추가로 써붙여주면 이제 number와 null이 전부 들어갈 수 있는 변수가 된다.

nul 대신 undefined를 써도 되고, | 하나 더 붙이고 써도 된다.
여튼 저렇게 돌리면

이번엔 잘 돈다!!

그리고 nullable 타입과 nullable이 아닌 타입 간엔 완전한 호환이 불가능하다.

그럼 저걸 사용할때 null인지 아닌지 검증하는 과정을 거쳐 null을 벗겨내도록 하면 되는 것이다.

if문이나 삼항연산자 달아다가 널 검사를 해도 되겠지만, 단순히 없을 경우의 값만 전달할 거라면 || 연산자로 처리해줄 수 있다. null이 논리 거짓으로 처리되니 가능한 꼼수다.
오른쪽에 있는게 null일 경우에 반환될 값이다.