运行时能否在函数内部直接使用泛型类型参数做判断？

你的写法不可行，核心原因： #

• TypeScript 的泛型仅存在于编译阶段，编译为 JavaScript 后，泛型类型参数 T 会被完全擦除，运行时根本访问不到 T 这个“类型”，所以 if (T === number) 这类代码在运行时会直接报错（T 未定义）。
• 你写的函数返回值 <T> 是语法错误，正确的返回值类型应该直接写 T，比如 : T。

正确实现方式 #

要根据泛型类型执行不同逻辑，核心是利用运行时可访问的值来关联类型，常见两种做法：

1. 通过参数的类型守卫做判断 #

利用 TypeScript 的类型守卫，让编译器根据参数的实际值自动推断 T 的类型，同时运行时也能执行对应逻辑：

type MyType = number | string;

function myFunction<T extends MyType>(arg: T): T {
  if (typeof arg === 'number') {
    // 编译器自动推断此处 arg 为 number，T 对应 number 类型
    console.log('执行数字相关逻辑');
    return arg;
  }
  if (typeof arg === 'string') {
    // 编译器自动推断此处 arg 为 string，T 对应 string 类型
    console.log('执行字符串相关逻辑');
    return arg;
  }
  throw new Error('参数类型不符合要求');
}

2. 显式传入类型标识（适用于参数无法直接判断类型的场景） #

如果必须基于类型本身区分逻辑（而非参数值），可以额外传入一个代表类型的运行时标识值（比如字符串、构造函数）：

type MyType = number | string;
type TypeMarker = 'number' | 'string';

function myFunction<T extends MyType>(type: TypeMarker, ...args: any[]): T {
  if (type === 'number') {
    console.log('执行数字相关逻辑');
    return 123 as T;
  }
  if (type === 'string') {
    console.log('执行字符串相关逻辑');
    return 'hello' as T;
  }
  throw new Error('类型标识不合法');
}

// 使用示例
myFunction<number>('number', arg1, arg2);
myFunction<string>('string', arg1, arg2);

总结 #

你不需要把“类型”本身作为实际参数传入，但必须借助运行时可访问的值（比如参数本身、类型标识）来区分逻辑——因为泛型类型在运行时已经被擦除，无法直接访问。

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