能否定义含自身类型索引签名与自有属性的TypeScript接口？

这个写法不可行，报错的中文意思是：类型“string”的属性“name”无法赋值给类型为“IPath”的字符串索引类型。ts(2411)

问题出在TypeScript的索引签名规则：所有显式声明的属性类型必须和索引签名的类型兼容。你这里path和name是string类型，但索引签名规定其他任意键的类型是IPath，string和IPath完全不兼容，所以触发了这个错误。

下面给你几种可行的实现方案：

方案1：用联合类型兼容固定属性和嵌套类型 #

把索引签名的类型改成string | IPath，让固定属性的类型也符合索引签名要求：

interface IPath {
  path: string;
  name: string;
  [key: string]: string | IPath;
}

缺点是访问任意键时，TypeScript会认为它的类型是string | IPath，需要额外做类型判断才能安全使用嵌套属性。

方案2：交叉类型拆分固定属性和动态嵌套 #

把固定属性和动态嵌套部分拆成两个接口再交叉，既保留固定属性的明确类型，又支持任意键的嵌套：

interface IPathBase {
  path: string;
  name: string;
}

type IPath = IPathBase & {
  [key: string]: IPath;
};

注意直接创建对象时需要用类型断言，因为TypeScript没法自动推断这种交叉类型的对象：

const nestedPath: IPath = {
  path: '/root',
  name: 'Root',
  child: {
    path: '/root/child',
    name: 'Child'
  } as IPath
};

方案3：明确子节点属性（推荐） #

如果可以接受把嵌套子路径放在特定属性下，比如children，这种方式最清晰，也不会有索引签名冲突：

type IPath = {
  path: string;
  name: string;
  children?: Record<string, IPath>;
};

使用示例：

const nestedPath: IPath = {
  path: '/root',
  name: 'Root',
  children: {
    child: {
      path: '/root/child',
      name: 'Child'
    }
  }
};

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