如何利用TypeScript类型信息在运行时条件解析输入？

你说得没错，TypeScript的类型系统完全是编译时概念，运行时无法直接访问Product这类接口的类型信息，所以没法写Product[key] === string这种运行时判断逻辑。要实现按类型条件解析输入，你需要手动维护一份运行时类型解析映射，让它和编译时的接口定义保持一致，以此作为解析逻辑的依据。

具体实现步骤 #

1. 定义与接口对齐的运行时解析器映射 #

创建一个对象，为每个字段指定对应的解析函数，同时通过TypeScript的索引类型约束，确保这个映射和Product接口的结构、类型完全匹配：

interface Product {
  name: string;
  rating: number;
}

// 运行时解析器映射，TS会强制其与Product接口字段类型对齐
const productFieldParsers: { [K in keyof Product]: (val: string) => Product[K] } = {
  name: (val) => val, // 字符串类型直接返回原内容
  rating: (val) => parseFloat(val) // 数字类型用parseFloat转换
};

2. 基于解析器映射处理输入 #

在reduce循环中，根据字段名从映射中取出对应的解析函数，对原始字符串值进行处理后赋值：

const raw = `
name=Coffee Cup
rating=4.2
`;

const parsed = raw
  .trim()
  .split(/\n/)
  .reduce((acc, line) => {
    const [key, value] = line.split('=') as [keyof Product, string];
    // 调用对应字段的解析函数处理值
    acc[key] = productFieldParsers[key](value);
    return acc;
  }, {} as Partial<Product>) as Product; // 若原始输入包含所有字段，可断言为完整Product类型

console.log(parsed);
// 输出结果：{ name: 'Coffee Cup', rating: 4.2 }

方案优势 #

• 类型安全性：通过TS的索引类型约束，productFieldParsers的每个解析函数返回值类型必须与Product接口对应字段一致。后续修改Product接口时，TS会自动提示你同步更新解析器，避免类型不匹配。
• 扩展性强：如果后续需要添加新字段（比如price: number），只需在Product接口中添加字段，再在解析器映射中补充对应的解析逻辑即可。
• 灵活性高：针对特殊类型（如日期字符串转Date对象），可以直接在解析函数中实现复杂逻辑。

额外优化：处理异常情况 #

如果需要应对原始输入缺失字段、值格式无效等情况，可以在解析函数中添加校验逻辑：

const productFieldParsers: { [K in keyof Product]: (val: string) => Product[K] } = {
  name: (val) => {
    if (!val.trim()) throw new Error('name字段不能为空');
    return val;
  },
  rating: (val) => {
    const num = parseFloat(val);
    if (isNaN(num)) throw new Error(`rating字段值「${val}」不是有效数字`);
    return num;
  }
};

你可以根据业务需求选择在reduce中捕获异常，或者添加兜底逻辑确保解析结果的可用性。

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