TypeScriptの共用体タイプ

TypeScriptでは、共用体型を使用して、複数の型を持つことができる値を記述することができます。 したがって、anyの使用を回避できます。 | 文字を使用して共用体型を定義し、可能なさまざまな型を区切ります。

たとえば、関数定義が文字列または数値のいずれかである値を記述するパラメーターを使用するとします。 これの代わりに：

function add(v1: any, v2: any) {
  let value1 = typeof v1 === "string" ? +v1 : v1;
  let value2 = typeof v2 === "string" ? +v2 : v2;

  console.log(value1 + value2);
}

add(23, "32"); // 55
add(23, true); // No error when passing non-string or number value

あなたはこれを行うことができます：

function add(v1: number | string, v2: number | string) {
  let value1 = typeof v1 === "string" ? +v1 : v1;
  let value2 = typeof v2 === "string" ? +v2 : v2;

  console.log(value1 + value2);
}

add(23, "32"); // 55
add(23, true); // Error when passing non-string or number value