☰

TypeScript でメソッドのオーバーロードを行うにはどうすればいいですか? 質問する

tag-icon • tag-icon javascript typescript operator-overloading
TypeScript でメソッドのオーバーロードを行うにはどうすればいいですか? 質問する

私は次のようなことを達成したいと思っています:

class TestClass {
    someMethod(stringParameter: string): void {
        alert("Variant #1: stringParameter = " + stringParameter);
    }
    
    someMethod(numberParameter: number, stringParameter: string): void {
        alert("Variant #2: numberParameter = " + numberParameter + ", stringParameter = " + stringParameter);
    }
}

var testClass = new TestClass();
testClass.someMethod("string for v#1");
testClass.someMethod(12345, "string for v#2");

以下は、私がやりたくないことの例です (JS でのオーバーロード ハックのこの部分が本当に嫌いです)。

class TestClass {
    private someMethod_Overload_string(stringParameter: string): void {
        // A lot of code could be here... I don't want to mix it with switch or if statement in general function
        alert("Variant #1: stringParameter = " + stringParameter);
    }
    
    private someMethod_Overload_number_string(numberParameter: number, stringParameter: string): void {
        alert("Variant #2: numberParameter = " + numberParameter + ", stringParameter = " + stringParameter);
    }
    
    private someMethod_Overload_string_number(stringParameter: string, numberParameter: number): void {
        alert("Variant #3: stringParameter = " + stringParameter + ", numberParameter = " + numberParameter);
    }
    
    public someMethod(stringParameter: string): void;
    public someMethod(numberParameter: number, stringParameter: string): void;
    public someMethod(stringParameter: string, numberParameter: number): void;

    public someMethod(): void {
        switch (arguments.length) {
        case 1:
            if(typeof arguments[0] == "string") {
                this.someMethod_Overload_string(arguments[0]);
                return;
            }
            return; // Unreachable area for this case, unnecessary return statement
        case 2:
            if ((typeof arguments[0] == "number") &&
                (typeof arguments[1] == "string")) {
                this.someMethod_Overload_number_string(arguments[0], arguments[1]);
            }
            else if ((typeof arguments[0] == "string") &&
                     (typeof arguments[1] == "number")) {
                this.someMethod_Overload_string_number(arguments[0], arguments[1]);
            }
            return; // Unreachable area for this case, unnecessary return statement
        }
    }
}


var testClass = new TestClass();
testClass.someMethod("string for v#1");
testClass.someMethod(12345, "string for v#2");
testClass.someMethod("string for v#3", 54321);

TypeScript 言語でメソッドのオーバーロードを行うにはどうすればよいでしょうか?

ベストアンサー1

仕様によると、TypeScript はメソッドのオーバーロードをサポートしていますが、これはかなり扱いにくく、パラメータの型をチェックする手作業が多く含まれます。これは主に、プレーンな JavaScript でメソッドのオーバーロードに最も近いものにそのチェックも含まれており、TypeScript は不要な実行時パフォーマンス コストを回避するために実際のメソッド本体を変更しないようにするためだと思います。

私の理解が正しければ、まずオーバーロードごとにメソッド宣言を記述し、次に1つ引数をチェックしてどのオーバーロードが呼び出されたかを判断するメソッド実装。実装のシグネチャは、すべてのオーバーロードと互換性がある必要があります。

class TestClass {
    someMethod(stringParameter: string): void;
    someMethod(numberParameter: number, stringParameter: string): void;

    someMethod(stringOrNumberParameter: any, stringParameter?: string): void {
        if (stringOrNumberParameter && typeof stringOrNumberParameter == "number")
            alert("Variant #2: numberParameter = " + stringOrNumberParameter + ", stringParameter = " + stringParameter);
        else
            alert("Variant #1: stringParameter = " + stringOrNumberParameter);
    }
}

おすすめ記事