TypeScriptでFunction型を避ける理由｜安全な関数型の書き方

今回は非推奨となっているFunction型について紹介していきます。

Function型の問題点
推奨される代替手段
特殊なケース
ESLintでの制限方法
まとめ
開発・プログラミング記事をまとめて読む
TypeScriptの避けたい書き方関連記事

Function型の問題点

Function型は関数の型を厳密に定義できません：

// 危険な例
let handler: Function;
handler = (a: number) => a * 2;    // OK
handler = () => "hello";           // これも通ってしまう
handler = new Date();              // コンパイルエラー

推奨される代替手段

1. 具体的な関数型を定義

// 良い例
type Handler = (value: number) => number;
let handler: Handler;
handler = (a: number) => a * 2;    // OK
handler = () => "hello";           // コンパイルエラー

2. メソッドシグネチャを使用

interface Calculator {
    add(a: number, b: number): number;
    subtract(a: number, b: number): number;
}

3. ジェネリック関数型

type Transform<T, U> = (value: T) => U;

const numberToString: Transform<number, string> = 
    (num) => num.toString();

特殊なケース

コールバック関数の型定義：

// 従来のFunction型（非推奨）
function executeCallback(callback: Function) {
    callback();
}

// 改善版
type Callback = () => void;
function executeCallback(callback: Callback) {
    callback();
}

ESLintでの制限方法

{
    "rules": {
        "@typescript-eslint/ban-types": ["error", {
            "types": {
                "Function": {
                    "message": "Avoid using the Function type. Use specific function types instead."
                }
            }
        }]
    }
}

まとめ

Function型は型安全性を損なうため、代わりに具体的な関数シグネチャを使用しましょう。これにより:

型チェックが厳密になる
IDEのサポートが向上
コードの可読性が上がる
バグの早期発見が可能に

上記のような恩恵が受けられます。

TypeScriptの型安全な書き方を学んだあとにAI活用や副業学習まで広げる場合は、有料講座を選ぶ前に、自分にスクールが必要な段階かも確認しておくと判断しやすくなります。AIスクールをおすすめしない人では、目的・作業時間・成果物の準備が整っているかを整理しています。

TypeScriptの型安全な書き方を学んだあと、AI活用や副業学習で有料支援を検討する場合は、AIスクールの無料相談は何社受けるべき？も確認してください。1社だけで決めず、質問対応、作れる成果物、学習の進め方、料金総額、返金条件を同じ質問で比べると、型安全な実装学習からどこまで支援が必要か判断しやすくなります。