[语法帮助]什么是“变量：() =>”在Typescript或JavaScript中的含义

Question

我正在阅读有关 next-firebase-auth 的源代码。

我对以下代码语法感到困惑

export const useAuthUser: () => AuthUserContext

export const verifyIdToken: (token: string) => Promise<AuthUser>

右侧看起来像一个箭头函数。 左边是声明变量。 直觉上，我认为与以下相同：

export const useAuthUser = () => AuthUserContext

然而，事实并非如此。 我在 Chrome 控制台上做了一些测试。 这是代码

adder : () => (a + b)

当我按回车时，它显示

() => (a+b)

但是如果我输入加法器，它会显示

Uncaught ReferenceError: adder is not defined

我在这里看了其他帖子。 似乎冒号 (:) 与类型注释有关。 那么这是否意味着右侧是类型或接口？ 但是箭头函数类型或接口如何？ 它没有任何意义。

谢谢你的帮助！

Answer 1

冒号后面的东西是类型。 作为一种类型， () => AuthUserContext表示不需要任何参数并返回AuthUserContext的函数。 (token: string) => Promise<AuthUser>表示需要一个字符串参数的函数，然后返回一个 Promise 将解析为AuthUser

您显示的代码行似乎不完整。 通常，一个 const 将紧跟一个赋值，如下所示：

export const useAuthUser: () => AuthUserContext = () => {
  // some code which returns an AuthUserContext
}

我在 Chrome 控制台上做了一些测试。

控制台仅支持 javascript，不支持 typescript