81

我正在努力弄清楚是否可以在 TypeScript 中声明一个静态类型的函数数组。

例如，我可以这样做：

foo: (data:string) => void = function (data) {};

但是如果我想让 foo 成为一个函数数组，它接受一个字符串并且什么都不返回，我该怎么做呢？

foo: (data:string) => void [] = [];

不起作用，因为 TypeScript 认为它是一个接受字符串并返回 void 数组的函数，而且它似乎不喜欢我试图将函数包装在括号中。

有任何想法吗？

回答：感谢下面的 mohamed，这是一个在 TypeScript Playground 中工作的示例：

class whatever {
public foo: { (data: string): void; }[] = [];

    dofoo() {
        for (var i=0; i < this.foo.length; i++) {
             this.foo[i]("test");
        }
    }
}

var d = new whatever();

d.foo.push(function(bar){alert(bar)})
d.foo.push(function(bar){alert(bar.length.toString())})

d.dofoo();
4

4 回答 4

105

您可以在语言规范第 3.6.4 节中找到它：

foo: { (data: string): void; } []
于 2012-10-04T19:55:42.667 回答
72

使用粗箭头键入函数数组的其他（更新，更易读）方法：

let foo: Array<(data: string) => void>;
let bar: ((data: string) => void)[];
于 2017-04-23T15:28:41.807 回答
11

或者foo: ((data: string) => void)[]

于 2020-03-01T12:36:44.087 回答
6

如果你想在 TypeScript 中声明一个可调用函数数组，你可以声明一个类型：

type Bar = (
  (data: string) => void
);

然后使用它：

const foo: Bar[] = [];

const fooFn = (data: string) => console.log(data);
foo.push(fooFn);
foo.forEach((fooFn: Bar) => fooFn("Something");
于 2020-02-01T21:06:52.457 回答