TypeScriptのFunction型が非推奨となっていた件

オフ投稿者: sesera

この記事を書いている人

ITフリーランスをしているせせらと言います。
小さい頃からPCが大好きで、自作PCやプログラミングを小学生の頃からしていました。

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

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."
                }
            }
        }]
    }
}