ユニオン型とリテラル型

特定の変数や引数に複数の型が入ることが想定される場合、ユニオン型を使用します。文字列型と数値型が想定される場合は、string | numberのように記述します。

index.ts◎

...
let user: User = {
  name: "tarou",
  age: 25,
  sayHello: () => {
    console.log(`こんにちは`);
  },
};

const outputNumOrStr = (val: string | number) => {
  console.log(val);
};

また、上記を利用することで、特定の値だけを代入可能にすることができます。そのようなかたをリテラル型と言います。例えば、10と20のみ想定される場合は、10 | 20と記述します。

index.ts◎

...
const outputNumOrStr = (val: string | number) => {
  console.log(val);
};

let num1: 10 | 20 = 10;