Question

我很难弄清楚在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();

Answer 1

您可以在language spec部分3.5.5：

中找到

foo: { (data: string): void; } []

Answer 2

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

let foo: Array<(data: string) => void>;
let bar: ((data: string) => void)[];

Answer 3

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

Answer 4

如果希望在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");

一个Typed函数数组

4 个答案: