在 TypeScript 中 Fat 箭头函数之后"void = () => {}"的含义是什么？

Question

我在我们的代码库中看到了这个代码块，我有点问题要理解void = (page)。根据 https://stackoverflow.com/a/34274584/513413 的说法，返回类型在=>之后，这在我的情况下是void的。那么= (page) => {}该怎么办呢？ 如果我不用胖箭头函数写它，它的等效函数是什么？

这是代码：

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

Answer 1

您错误地查看了代码。一般结构为

private Name: Type = Value

类型为(page: string) => void，值为(page) => {}。该类型意味着navigateTo是一个接受字符串作为参数并且不返回任何内容的函数，这就是(page) => {}的作用。

Answer 2

在 Typescript 中，键入内容插入语言语句中，稍微转换它们。

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

• private navigateTo：这部分是向前走的。我们在当前类中创建一个名为navigateTo的私有成员。
• ...: (page: string) => void： 这是成员的类型。在这种情况下，它表示一个函数，它接受一个string参数而不返回任何内容(void)。这部分纯粹是打字稿。
• ... = (page) => { /* display page */ }：这是分配给变量的实际函数。

我建议您阅读一些打字稿手册。它有很多关于语法和语言的信息。