TypeScriptで関数を返す関数を定義する方法（高階関数）

1. 高階関数とは？

1. 高階関数とは？

TypeScriptにおける高階関数（Higher-Order Function）とは、通常の関数と違い、関数を引数として受け取ったり、関数を戻り値として返す関数のことを指します。今回解説するのは「関数を返す関数」です。これは一見複雑そうですが、実は日常生活の例えで考えると分かりやすいです。

例えば「パン屋さん」があって、そこで「どのパンを作るか」という注文をすると、パン屋さんは「そのパンを焼くためのレシピ（関数）」を渡してくれるとしましょう。あなたはそのレシピを使って、好きなタイミングでパンを焼くことができます。この「レシピを返す」動作こそが、関数を返す関数のイメージです。

2. 基本的な関数を返す関数の書き方

2. 基本的な関数を返す関数の書き方

では、実際にTypeScriptで「関数を返す関数」を書いてみましょう。まずは基本構文から確認します。

function createGreeter(name: string): () => void {
    return function () {
        console.log(`こんにちは、${name}さん！`);
    };
}

const greetTaro = createGreeter("太郎");
greetTaro(); // 出力: こんにちは、太郎さん！

この例では、createGreeter関数が別の無名関数（名前のない関数）を返しています。この返された関数は、後で呼び出すことができます。() => voidという部分は「引数なしで何も返さない関数の型」を表しています。

3. クロージャとの関係

3. クロージャとの関係

実はこの仕組みはクロージャ（Closure）という概念と深く関係しています。クロージャとは、関数が定義されたときのスコープ（変数の有効範囲）を覚えておく仕組みのことです。

先ほどの例では、nameという変数はcreateGreeterの中で定義されていましたが、返された関数を呼び出すと、その変数の値をちゃんと覚えていて使えます。これはクロージャのおかげです。

4. 実用例：設定値を持つ計算関数

4. 実用例：設定値を持つ計算関数

高階関数は、特定の設定を持った関数を簡単に作れるという強みがあります。例えば、税込み計算をする関数を作る場合を考えてみましょう。

function createTaxCalculator(taxRate: number): (price: number) => number {
    return function (price: number) {
        return price + price * taxRate;
    };
}

const calc10Percent = createTaxCalculator(0.1);
console.log(calc10Percent(1000)); // 出力: 1100

この例では、createTaxCalculatorが「税率」という設定を受け取り、その税率を使って価格を計算する関数を返しています。このように、一度設定すれば後から何度でも使える関数を作るのに高階関数は非常に便利です。

5. アロー関数で書く方法

5. アロー関数で書く方法

TypeScriptでは、アロー関数（Arrow Function）を使ってより短く書くことも可能です。アロー関数は() => {}という形で書く関数のことです。

const createMultiplier = (factor: number): (n: number) => number => {
    return (n: number) => n * factor;
};

const double = createMultiplier(2);
console.log(double(5)); // 出力: 10

このようにアロー関数を使うと、短く簡潔に高階関数を書くことができます。

6. 使いどころ

6. 使いどころ

• 共通の設定やデータを持つ関数を量産したいとき
• 処理の一部を後から決めたいとき
• コードの再利用性を高めたいとき

高階関数は、単なる関数よりも柔軟で再利用しやすい仕組みです。慣れるまでは少し難しく感じるかもしれませんが、使いこなせるとコードがすっきりと読みやすくなります。

まとめ

まとめ

TypeScriptで関数を返す関数、いわゆる高階関数を理解することは、より柔軟で再利用しやすいプログラムを書くためにとても重要です。高階関数は、ただ値を返すのではなく「関数そのもの」を返すため、ひとつの設定や条件をもとにして新しい処理を何度でも生成できる強い特徴を持っています。特に、設定値を保持したまま動作する関数を作れるため、複雑な計算や共通処理の組み立てに役立ちます。たとえば「税率を含んだ計算関数」「特定の倍率をかける計算関数」「個別のメッセージを返す挨拶関数」など、設定を保持してあとから処理を実行できる仕組みはとても便利です。 また、記事内で紹介したクロージャの概念は、高階関数を理解するうえで欠かせません。クロージャは、関数が宣言されたときのスコープを覚えていて、返された関数の内部からその変数にアクセスできる機能です。これにより、設定値や環境の情報を失わず保持し、後の処理に利用することが可能になります。これらの構造を適切に扱えるようになると、コードは自然に整理され、重複を避けたまま状態を扱うことも簡単になります。 TypeScriptでは特に型指定が重要であり、高階関数でも戻り値として返す関数に型を付けることで、安全で整ったコードを書くことができます。返される関数の引数や戻り値の型を明確にすることで、意図しない型の値が渡されるのを防ぎ、エラーを未然に避けることができます。型は複雑に見えますが、慣れると動作をよりはっきり示す強力な武器になります。 以下に、高階関数の理解を深めるための補足サンプルコードを示します。記事内で使用されていたクラス名やタグと似た形式で書き、理解を重ねやすくしています。

追加の高階関数サンプルコード

function createLogger(prefix: string): (message: string) => void {
    return function (message: string) {
        console.log(`[${prefix}] ${message}`);
    };
}

const infoLogger = createLogger("情報");
infoLogger("処理が開始されました");
infoLogger("データの読み込みが完了しました");

この追加サンプルでは「ログの種類」を指定して、その種類に応じたログを出力する関数を返しています。接頭辞を設定しておくことで、情報ログ・警告ログ・エラーログなどを統一して扱えます。このように高階関数は実務でも役立つ場面が多く、設定を保持した関数を作ることで処理を明確に分けながら管理できます。 アロー関数で書く場合にも、より短くシンプルに表現できるため、実際の開発現場では高頻度で利用されます。高階関数という概念は抽象度が高く感じられるものの、実際には「設定を保存しておく便利な仕組み」と考えると非常に取り組みやすくなります。今回学んだ内容を積み重ねることで、より複雑な構造を持つアプリケーションでも柔軟に対応できるようになっていくでしょう。

この記事を読んだ人からの質問

この記事を読んだ人からの質問

プログラミング初心者からのよくある疑問／質問を解決します

TypeScriptで関数を返す関数とは何ですか？

TypeScriptで関数を返す関数とは、実行した結果として別の関数を返す関数のことです。これを高階関数と呼びます。