为何使用ReturnType的接口类型会变为any？

问题原因 #

createSolanaRpcFromTransport是带泛型参数TTransport的函数，当直接使用ReturnType<typeof createSolanaRpcFromTransport>时，由于泛型参数未指定具体类型，TypeScript无法推导出明确的返回类型，只能默认返回any。而自定义函数sayHello是无泛型的普通函数，ReturnType可以直接识别其返回类型。

解决方案 #

要让ReturnType正确推断泛型函数的返回类型，需要为泛型参数指定具体类型，以下两种方式均可实现：

方式1：基于具体Transport实例推导类型 #

如果已有RpcTransport实例，可以直接基于它推导类型：

import { createSolanaRpcFromTransport, RpcTransport } from "@solana/web3.js";

const sayHello = () => {
  return "Hello";
};

// 假设你有一个具体的transport实例
const myTransport: RpcTransport = ...;

// 基于实例推导createSolanaRpcFromTransport的返回类型
type SolanaRpcInstanceType = ReturnType<typeof createSolanaRpcFromTransport<typeof myTransport>>;

interface SomeInterface {
  hasAType: ReturnType<typeof sayHello>; // 正常识别为string
  hasAnyType: SolanaRpcInstanceType; // 正确识别为目标RPC类型
}

方式2：直接指定泛型参数类型 #

如果不需要具体实例，直接指定TTransport为RpcTransport（符合泛型约束TTransport extends RpcTransport）：

import { createSolanaRpcFromTransport, RpcTransport } from "@solana/web3.js";

const sayHello = () => {
  return "Hello";
};

// 直接指定泛型参数推导返回类型
type SolanaRpcType = ReturnType<typeof createSolanaRpcFromTransport<RpcTransport>>;

interface SomeInterface {
  hasAType: ReturnType<typeof sayHello>; // 正常识别为string
  hasAnyType: SolanaRpcType; // 正确识别为RpcFromTransport<SolanaRpcApiFromTransport<RpcTransport>, RpcTransport>
}

以上方式既保留了使用ReturnType的简洁性，又避免了重复书写冗长的返回类型定义。

内容的提问来源于stack exchange，提问作者mikemaccana