Typescript 函数采用一个或一组对象

Question

我们经常使用简单的函数声明，其中函数接受单个对象或某种类型的对象数组。

简单的声明是：

interface ISomeInterface {
    name: string;
}

class SomeClass {
    public names: ISomeInterface[] = [];

    public addNames(names: ISomeInterface | ISomeInterface[]): void {
        names = (!Array.isArray(names)) ? [names] : names;
        this.names = this.names.concat(names);
    }    
}

但是 TypeScript 会抛出“类型不可分配”错误。

有更好的方法吗？显然我们可以有两个独立的函数，但我认为以这种方式处理单个函数和多个函数是相当不错的。

Answer 1

打字稿处理这个问题的官方方式是使用多个函数签名，例如：

addNames(names: ISomeInterface): void;
addNames(names: ISomeInterface[]): void;
addNames(names: any): void {
    ...
}

您可以在official handbook here查看更多信息

Answer 2

你也可以使用 rest 参数：

interface ISomeInterface {
    name: string;
}

class SomeClass {
    public names: ISomeInterface[] = []; // create an instance if applicable.

    addNames(...names: ISomeInterface[]): void {
        // the names argument will always be an array
        this.names = this.names.concat(names);
    }
}

你可以这样称呼它：

addNames(name1); // just pass one
addNames(name1, name2, name3); // pass more comma separated
addNames(...[name1, name2, name3]); // pass an array.

请注意，我删除了 function 关键字，否则主体块内的 this 关键字可能会失去作用域，具体取决于调用它的人。

Answer 3

我想这就是你想要的

interface ISomeInterface {
    name: string;
}

class SomeClass {
    public names: ISomeInterface[];

    addNames(names: ISomeInterface | ISomeInterface[]): void {
        names = (names instanceof Array) ? names : [names];
        this.names = this.names.concat(<ISomeInterface[]>names)
    }    
}

您想使用instanceOf，而不是 isArray。

Answer 4

你可以让它更容易

 addNames(names: ISomeInterface | ISomeInterface[]): void {
        this.names = this.names.concat(names);
 } 

来自MDN

concat() 方法返回一个新数组，该数组由调用它的数组与作为参数提供的数组和/或 值 连接而成。