有没有办法用箭头 function 指定 function 类型？

Question

我正在使用 express，我知道您可以执行以下操作来设置请求处理程序的类型。

router.get("/", <RequestHandler> function (req, res, next) {
  //Manage request here
});

有没有办法对箭头函数做同样的事情？ 我知道我可以指定每个参数的类型，但我认为这有点冗长。

我知道这行得通

router.get("/", (req: Request, res: Response, next: NextFunction) => {
  //Manage request here
});

但是这样的事情能行吗？

router.get("/", <RequestHandler>(req, res, next) => {
  //Manage request here
});

我收到每个参数的以下错误。

参数“req”隐式具有“any”类型。

Answer 1

对于箭头 function，您必须将整个 function 表达式括在括号中以避免语法问题。

router.get("/", <RequestHandler>((req, res, next) => {
  //Manage request here
}));

另一种选择as

router.get(
  "/",
  ((req, res, next) => {
  //Manage request here
  }) as RequestHandler
)

另一种选择，预先将回调声明为独立变量，完全避免类型断言

const callback: RequestHandler = (req, res, next) => {
  //Manage request here
} as RequestHandler;

router.get("/", RequestHandler);

Answer 2

如果您使用的是 Typescript 4.9+，则可以使用satisfies关键字：

interface AddFunc {
    (a: number, b: number): number;
}

const add = ((a, b) => {
    return a + b
}) satisfies AddFunc;

Answer 3

尝试这样做： <RequestHandler<{type1; type2; type3}>> <RequestHandler<{type1; type2; type3}>> <RequestHandler<{type1; type2; type3}>>或者你可以创建一个单独的界面