TypeScript中不修改FooBar，解决其无法赋值给JSONObject的问题

问题分析 #

你定义的JSONObject带有索引签名，而FooBar接口没有显式声明索引签名，TypeScript的类型系统会判定二者不兼容——JSONObject允许任意字符串键，而FooBar仅允许特定键foo和bar，直接传入就会触发编译错误。

解决方案 #

方案1：修改JSONObject定义，从根源兼容无索引签名的对象 #

把JSONObject从接口改为类型别名，让它能接受所有符合JSON结构的对象，包括带固定键的自定义接口：

type JSONValue = string | number | boolean | JSONObject | JSONArray;
type JSONObject = { [key: string]: JSONValue };
interface JSONArray extends Array<JSONValue> {}

调整后，只要自定义接口的所有属性值都属于JSONValue类型，TypeScript就会自动识别它与JSONObject兼容，无需额外修改FooBar。

方案2：用类型断言快速绕过检查 #

如果不想修改JSONObject的定义，调用saveJson时可以直接用类型断言：

saveJson(data as JSONObject);

这种方式简单直接，但要确保FooBar的结构完全符合JSON规范（所有属性值都是合法的JSON类型），避免运行时出现意外问题。

方案3：编写类型守卫做严谨校验 #

对类型安全性要求高的场景，可以写一个类型守卫函数，验证对象是否符合JSONObject结构：

function isJSONObject(obj: unknown): obj is JSONObject {
  if (typeof obj !== 'object' || obj === null || Array.isArray(obj)) {
    return false;
  }
  for (const key in obj) {
    const value = obj[key];
    switch (typeof value) {
      case 'string':
      case 'number':
      case 'boolean':
        continue;
      case 'object':
        if (value === null || !isJSONObject(value) && !Array.isArray(value)) {
          return false;
        }
        continue;
      default:
        return false;
    }
  }
  return true;
}

调用时先验证再传入：

if (isJSONObject(data)) {
  saveJson(data);
} else {
  // 处理不符合JSON结构的情况
}

说明 #

方案1是最推荐的长期解决方案，从类型定义层面彻底解决兼容问题；方案2适合快速临时修复；方案3适合对类型安全要求极高的场景。

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