TypeScript 中 Fat arrow function 后的 "void = () => {}" 是什么意思?

What's the meaning of "void = () => {}" after Fat arrow function in TypeScript?

我在我们的代码库中看到了这段代码,但我理解起来有点问题void = (page)。根据 ,return 类型出现在 => 之后,在我的例子中是 void。那么 = (page) => {} 是做什么的呢? 如果我不写粗箭头函数,它的等效函数是什么?

这是代码:

private navigateTo: (page: string) => void = (page) => {
    // display page
}

您看错了代码。一般结构是

private Name: Type = Value

类型为(page: string) => void,值为(page) => {}。该类型意味着 navigateTo 是一个接受字符串作为参数的函数,returns 什么都不接受,这就是 (page) => {} 所做的。

在 Typescript 中,类型被插入到语言的语句中,对它们进行了一些转换。

您提交的代码应如下所示:

  • private navigateTo:这部分很简单。我们在当前 class.
  • 中创建一个名为 navigateTo 的私有成员
  • ...: (page: string) => void:这是成员的类型。在这种情况下,它表示一个接受 string 参数并且不返回任何内容(void)的函数。这部分纯Typescript。
  • ... = (page) => { /* display page */ }: 这是分配给变量的实际函数。

我建议您阅读一些 Typescript Handbook。它有很多关于语法和语言的信息。