50

在 TypeScript 的方法声明中，参数可以是字符串、布尔值或数字的数组类型。我是否必须将其声明为 any[] 还是有办法将输入类型限制为这三种类型中的一种？

4

5 回答 5

87

Typescript 1.4 引入了Union Types所以现在的答案是肯定的，你可以。

function myFunc(param: string[] | boolean[] | number[]): void;

使用指定类型以外的其他类型将触发编译时错误。

如果你想要一个包含多个特定类型的数组，你也可以使用联合类型：

function myFunc(param: (string|boolean|number)[]): void;

请注意，这与 OP 要求的不同。这两个例子有不同的含义。

于 2015-08-28T05:21:11.610 回答
9

这似乎是一个老问题，但无论如何，我遇到了它，并错过了我带来的另一个答案。

从 TypeScript 1.4 开始，似乎可以为函数参数声明多种可能的类型，如下所示：

class UtilsClass {
    selectDom(element: string | HTMLElement):Array<HTMLElement> {
        //Here will come the "magic-logic"
    }
}

这是因为“联合类型”的新 TypeScript 概念。

你可以在这里看到更多。

于 2015-05-14T09:56:36.657 回答
2

您可以使用函数重载来执行此操作：

class Thing {
    public foo(x: number[]);
    public foo(x: bool[]);
    public foo(x: string[]);
    public foo(x: any[]) {
       // Note: You'll have to do type checking on 'x' manually
       // here if you want differing behavior based on type
    }
}

// Later...
var t = new Thing();
t.foo(someArray); // Note: External callers will not see the any[] signature
于 2012-10-08T07:07:36.357 回答
1

解决这个问题的另一种方法是找到输入类型之间的通用方法和属性，并在方法声明中声明一个内联类型，以保存这些通用方法和属性。像这样：

methodName(param1: { prop1: number; prop2: string; }, param2: { propA: bool; propB: string; } ): methodResultType;
于 2012-10-08T07:21:12.373 回答
0

由于字符串、布尔值和数字是原始类型，我认为没有简单的方法。如果您将使用一组不同的对象类型，您可能会想出一个超类，然后在您的方法的接口中指定该超类。另一方面，您也可以使用方法重载来为字符串、布尔值和整数数组指定不同的实现。

于 2012-10-08T07:08:11.317 回答