TS2322类型不可分配报错：如何动态给接口可选属性赋值？

• 动态键类型收窄失效：你用keyof Rules类型的动态键访问res.rules属性时，TS 无法针对动态键完成类型收窄。你写的if (res.rules[rule])判断并不会让 TS 推断出当前操作的属性非undefined，而 Rules 接口所有属性都是可选属性，默认类型推断会认为该属性可以是undefined，同时你从 CLI 读取的value是字符串类型，和 Rules 里定义的boolean、number等类型不匹配，就触发了类型报错。
• 值类型不匹配：CLI 参数读取到的value默认是字符串类型，但 Rules 接口里的属性类型分别是布尔、数字等，未做类型转换直接赋值本身就不符合类型定义。
• 额外逻辑问题：你当前的判断逻辑是res.rules[rule]存在才赋值，这和常见的「初始化参数属性」的需求是反过来的，大概率是逻辑写反了。

1. 补充类型转换逻辑 #

根据 Rules 的属性定义，把读取到的字符串 value 转换为对应类型：

// 通用转换函数
const parseRuleValue = (rule: keyof Rules, value: string): Rules[keyof Rules] => {
  switch(rule) {
    case 'someProp1':
      return value === 'true';
    case 'someProp2':
      return Number(value);
    // 其他属性依次补充转换逻辑
    default:
      throw new Error(`未知规则属性: ${rule}`);
  }
}

2. 赋值时添加类型断言解决收窄问题 #

TS 无法推断动态键对应的属性类型时，用类型断言明确告诉编译器你已经做了类型校验：

private parseCliArgs(args: string[]): ParsedArguments {
  let res: ParsedArguments = {}

  for (const arg of args) {
    if (arg.startsWith('--')) {
      const {key, value} = this.getArgValues(arg)
      if (!res.rules) {
        res.rules = {}
      }
      const rule = key as keyof Rules
      // 如果是要初始化不存在的属性，判断条件改为!res.rules[rule]
      if (!res.rules[rule]) {
        // 先转类型，再加断言赋值
        res.rules[rule] = parseRuleValue(rule, value) as Rules[typeof rule];
      }
    }
  }
  return res
}

可选优化：给 Rules 添加索引签名（属性较多时使用） #

如果 Rules 的属性数量较多，不想逐个写 switch 判断，可以给 Rules 添加字符串索引签名放宽类型限制，该方案会损失部分类型校验能力，按需选择：

export interface Rules {
  someProp1?: boolean,
  someProp2?: number,
  [key: string]: boolean | number | undefined;
}

内容的提问来源于stack exchange，提问作者Oguz Y.