TypeScript中能否将字符串变量作为类型？动态泛型函数实现咨询

首先修正你代码里的语法问题，然后实现类型安全的泛型函数：

1. 修正并定义类型与映射 #

先把基础类型和映射关系理清楚：

// 先定义基础类型，避免未定义的标识符
type Bark = 'woof';
type Meow = 'meow';

// 对应API返回的复杂类型
interface ComplexTypeOne {
  data: {
    dog: Bark;
    cat: Meow;
  }
}

interface ComplexTypeTwo {
  items: ['dogs', 'cats', 'gerbils'];
}

// 运行时标识到类型名称的映射（用as const锁定字面量类型）
const typeMap = {
  a: 'ComplexTypeOne',
  b: 'ComplexTypeTwo'
} as const;

// 核心：类型层面的标识到对应接口的映射
type EndpointTypeMap = {
  a: ComplexTypeOne;
  b: ComplexTypeTwo;
};

2. 编写泛型请求函数 #

通过泛型参数约束为keyof EndpointTypeMap，让TypeScript根据传入的标识自动推断返回类型：

// 模拟API请求函数
async function someAsyncFunc(endpoint: keyof typeof typeMap) {
  // 这里根据endpoint调用对应API，返回对应结构的数据
  if (endpoint === 'a') {
    return { data: { dog: 'woof' as Bark, cat: 'meow' as Meow } };
  } else {
    return { items: ['dogs', 'cats', 'gerbils'] };
  }
}

async function fetchEndpoint<T extends keyof EndpointTypeMap>(type: T): Promise<EndpointTypeMap[T]> {
  const result = await someAsyncFunc(type);
  return result as EndpointTypeMap[T];
}

3. 使用示例（智能感知生效） #

调用函数时，TypeScript会根据传入的type参数自动推断返回值的类型，智能感知完全正常：

async function test() {
  const respA = await fetchEndpoint('a');
  respA.data.dog; // 智能感知提示data、dog，类型为Bark
  const respB = await fetchEndpoint('b');
  respB.items[0]; // 智能感知提示items数组，元素为字面量类型
}

关于是否过度设计的问题 #

如果是6个以上的端点，泛型方案远优于写多个函数或switch分支，原因如下：

• 减少重复代码：不需要为每个端点复制粘贴几乎一样的请求逻辑，只需要维护EndpointTypeMap和运行时的typeMap
• 维护一致性：所有请求的通用逻辑（比如错误捕获、请求头设置、超时处理）都集中在一个函数里，避免各个端点函数出现逻辑差异
• 扩展性强：新增端点只需要在两个映射里加一行配置，不需要新增函数或修改switch分支
• 类型安全：泛型保证了标识和返回类型严格绑定，编译时就能发现类型不匹配的问题

只有当不同端点的请求逻辑差异极大（比如有的需要POST复杂参数、有的需要特殊的错误处理、有的返回格式需要额外转换）时，才适合拆分单独函数或用switch处理差异化逻辑。如果只是返回类型不同，请求流程基本一致，泛型方案是最优解。

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