型ガード関数 (type guard function)

TypeScriptのコンパイラはifやswitchといった制御フローの各場所での変数の型を分析しており、この機能を制御フロー分析(control flow analysis)と呼びます。

制御フロー分析の活用として、ifやswitchといった制御構造で型ガードを使用することによって各場所での変数を特定の型に絞り込むことができます。

TypeScriptに元々用意されている型ガードとしてはtypeofやinstanceofがありますが、これ以外にもユーザーが独自に型ガードを定義することができます。

ユーザー定義の型ガード関数

ユーザー定義の型ガード関数を作るためには型述語(type predicate)と呼ばれる特殊な注釈を使用します。型述語の注釈は戻り値がboolean型の関数に対して適用でき、戻り値の型の注釈部分を次のように記述します。

ts
function isDuck(animal: Animal): animal is Duck {
  return animal instanceof Duck;
}

ts
function isDuck(animal: Animal): animal is Duck {
  return animal instanceof Duck;
}

animal is Duckの部分が型述語です。これで関数isDuck()がtrueを返す時のifのブロックの中ではanimalはDuck型として解釈されるようになります。

ts
// ここではquacks()は存在しない
animal.quacks();
Property 'quacks' does not exist on type 'Animal'.2339Property 'quacks' does not exist on type 'Animal'. 
if (isDuck(animal)) {
  animal.quacks();
  // ...
}

ts
// ここではquacks()は存在しない
animal.quacks();
Property 'quacks' does not exist on type 'Animal'.2339Property 'quacks' does not exist on type 'Animal'. 
if (isDuck(animal)) {
  animal.quacks();
  // ...
}

しかしながら、これはあくまでもその型であるとTypeScriptに解釈させるだけなので、JavaScriptとして正しいということは断言できません。

ts
function isUndefined(value: unknown): value is undefined {
  return typeof value === "number";
}

ts
function isUndefined(value: unknown): value is undefined {
  return typeof value === "number";
}

上記関数isUndefined()は明らかに誤っていますが、この誤りに対してTypeScriptは何も警告を出しません。

型述語

型ガード関数の説明では、いきなり型述語という用語を使って説明しましたが、もう少し詳しく見てみましょう。

型述語という言葉を分解してみると「型+述語」となります。つまり型についての述語です。この述語という用語は元々は論理学に由来するものであり、その意味を知ることで型ガード関数についての理解を深めることができます。

たとえば、animal is Duckという型述語は型ガード関数isDuckの戻り値の注釈として使われていましたが、関数本体の実体を見ると単にboolean型の値を返す関数となっています。

ts
function isDuck(animal: Animal): animal is Duck {
  //                             ^^^^^^^^^^^^^^: 型述語
  return animal instanceof Duck; // 単に真偽値を返す
}

ts
function isDuck(animal: Animal): animal is Duck {
  //                             ^^^^^^^^^^^^^^: 型述語
  return animal instanceof Duck; // 単に真偽値を返す
}

元々、述語(predicate)とは、論理学において対象が持つ属性や関係などを表現するものです。たとえば、「Xは素数である(X is a prime number)」という命題Pがあったとき、Xを変数としてP(x)のように述語を表現できます。この述語P(X)は変数Xが素数の3などであれば真を返し、非素数の4などであれば偽を返します。これはまさに真か偽(真理値)を返す関数です。

このように述語とは変数を含んだ命題(=真理値を持つ判断)のことです。型述語(型についての述語)とはそのまま「型を変数に取る命題」ということができます。x is numberのような型述語は「xはnumber型である」という変数xが持つ型についての判断を表現しています。

ts
function isNumber(x: unknown): x is number {
  return typeof x === "number";
}

ts
function isNumber(x: unknown): x is number {
  return typeof x === "number";
}

先ほどの例で言えば、isDuck関数は命題animal is Duckについて変数animalを受けて真理値を返す関数となっています。

型ガード関数の説明で見たように、型注釈に型述語を用いることは単にboolean型を返す関数であると型注釈するのとは異なる効果があり、制御フロー分析で型の絞り込みを行うためには型述語を利用する必要がありました。

ts
// 型述語が注釈されているので型ガード関数として機能する
function typeGuard(x: unknown): x is number {
  return typeof x === "number";
}
// 単にboolean型の値を返す関数で型ガード関数として機能しない
function notTypeGuard(x: unknown): boolean {
  return typeof x === "number";
}
 
declare const input: number | string;
 
// 型の絞り込みができる
if (typeGuard(input)) {
  input;
   
const input: number
} else {
  input;
   
const input: string
}
 
// 型の絞り込みができない
if (notTypeGuard(input)) {
  input;
   
const input: string | number
} else {
  input;
   
const input: string | number
}

ts
// 型述語が注釈されているので型ガード関数として機能する
function typeGuard(x: unknown): x is number {
  return typeof x === "number";
}
// 単にboolean型の値を返す関数で型ガード関数として機能しない
function notTypeGuard(x: unknown): boolean {
  return typeof x === "number";
}
 
declare const input: number | string;
 
// 型の絞り込みができる
if (typeGuard(input)) {
  input;
   
const input: number
} else {
  input;
   
const input: string
}
 
// 型の絞り込みができない
if (notTypeGuard(input)) {
  input;
   
const input: string | number
} else {
  input;
   
const input: string | number
}

このように型述語を持つ型ガード関数は制御フローにおいて静的に型の絞り込みを行うことができますが、単にboolean型を返すという注釈がなされた関数ではそのように型の絞り込みができません。単に戻り値がboolean型であると注釈してしまうと型ガードとして機能しなくなってしまうことに注意してください。

ただし、TypeScript 5.5からは型述語の注釈無しの次のような関数でも型ガード関数として機能するようになりました。関数の実体から型述語の型推論が可能となっているので、x is numberという型述語が推論されて型ガード関数となります。

ts
// 返り値の注釈がないこの関数は x is number という型述語で推論される
function noAnnotation(x: unknown) {
  return typeof x === "number";
}

ts
// 返り値の注釈がないこの関数は x is number という型述語で推論される
function noAnnotation(x: unknown) {
  return typeof x === "number";
}

注意

5.5以降であっても、単にboolean型を返す関数として型注釈した場合には型ガード関数としては利用できないことに注意していください。

この型述語の機能強化によって配列のfilterメソッドなどで使用するコールバック関数の型述語の記述なしで正確に型を推論できるようになるなどの改善が得られます。

📄️ 制御フロー分析と型ガードによる型の絞り込み

TypeScriptは制御フローと型ガードにより、処理の流れに応じて変数の型を絞り込むことができます。

型ガード関数 (type guard function)

ユーザー定義の型ガード関数​

型述語​

関連情報​

📄️ 制御フロー分析と型ガードによる型の絞り込み

ユーザー定義の型ガード関数

型述語

関連情報