2017.11.2
2020.1.7

nullやundefinedを許容した変数を定義する

TypeScriptでnullやundefinedを許容した変数を定義する方法です。

目次

  • コード(TypeScript)
  • コード(JavaScript)
  • 参考リンク

コード(TypeScript)

数値型(number)の変数定義と実際に値をセットしようとした場合のエラーチェックは以下のようになります。


let a: number;
let b: number | null;
let c: number | undefined;
let d: number | null | undefined;

a = 1;          // OK
b = 1;          // OK
c = 1;          // OK
d = 1;          // OK

a = null;       // NG
b = null;       // OK
c = null;       // NG
d = null;       // OK

a = undefined;  // NG
b = undefined;  // NG
c = undefined;  // OK
d = undefined;  // OK

コード(JavaScript)

上記のTypeScriptで書かれた変数定義をJavaScriptにトランスパイルすると以下のようになります。


var a;
var b;
var c;
var d;

さすがはJS。型なんて気にせず非常にあっさりしています。

参考リンク

TypeScript】関連記事