如何在TypeScript中优雅地从对象提取字段子集并传入方法？

针对你遇到的重复解构字段、冗余代码的问题，下面提供几种实用的优化方式，同时保证自定义字段不会被大对象的同名字段覆盖：

1. 通用Pick工具函数（推荐） #

写一个可复用的pick函数，明确指定要提取的字段列表，避免重复书写每个字段：

interface MyLargerObject {
  field1: string;
  field2: string;
  field3: string;
  field4: string;
  field5: string;
  field6: string;
  field7: string;
  field8: string;
  field9: string;
  otherField1: string;
  otherField2: string;
  otherField3: string;
  otherField4: string;
  otherField5: string;
}

interface MySmallerObject {
  field1: string;
  field2: string;
  field3: string;
  field4: string;
  field5: string;
  otherField1: string;
  otherField2: string;
}

// 通用提取工具函数
function pick<T, K extends keyof T>(obj: T, keys: K[]): Pick<T, K> {
  return Object.fromEntries(keys.map(key => [key, obj[key]])) as Pick<T, K>;
}

function subsetMethod(largerObject: MyLargerObject): MySmallerObject {
  // 只提取需要的字段
  const baseFields = pick(largerObject, ['field1', 'field2', 'field3', 'field4', 'field5']);
  
  // 合并自定义字段，自定义字段放在后面，确保不会被大对象字段覆盖
  return {
    ...baseFields,
    otherField1: 'new1',
    otherField2: '123' // 注意：原代码中这里是数字123，与MySmallerObject的string类型不匹配，需修正为字符串
  };
}

优点： #

• 代码冗余度极低，调整提取字段只需修改数组元素
• 类型安全，Pick<T,K>确保提取的字段都是目标对象存在的
• 自定义字段完全独立，不会被大对象的同名字段覆盖（因为大对象的同名字段根本没被提取）

2. 解构剩余语法（不推荐，仅作参考） #

如果大对象的冗余字段固定，可以用解构剩余语法提取所有需要的基础字段，但这种方式风险较高：

function subsetMethod(largerObject: MyLargerObject): MySmallerObject {
  // 排除不需要的字段，剩余的就是field1-5 + otherField1-2
  const { field6, field7, field8, field9, otherField3, otherField4, otherField5, ...baseFields } = largerObject;
  
  // 覆盖自定义字段，确保用自己的值
  return {
    ...baseFields,
    otherField1: 'new1',
    otherField2: '123'
  };
}

缺点： #

• 如果大对象新增字段，baseFields会自动包含新增字段，可能导致返回对象不符合MySmallerObject的类型约束
• 需要手动写所有要排除的字段，字段多的时候反而更冗余

关键注意点 #

• 确保自定义字段在对象展开后赋值，这样即使baseFields意外包含同名字段（比如第一种方案误把otherField1加入提取列表），自定义值也会覆盖它
• 严格匹配类型：原代码中otherField2赋值为数字123，但MySmallerObject定义为string类型，会触发TypeScript类型错误，必须修正为字符串

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