使用TypeScript索引签名时能否指定属性为其他接口类型？

TypeScript 规定：当接口定义了字符串索引签名后，该接口内所有显式声明的属性的类型，都必须可赋值给索引签名的返回类型。
你为Config接口定义的字符串索引签名[index: string]: Environment要求所有字符串类型的键对应的值都是Environment接口类型，但你显式声明的current属性类型为string，和Environment类型不兼容，因此触发该报错。

下面提供三种可落地的方案，可根据业务场景选择：

方案1：调整索引签名为联合类型 #

将索引签名的返回类型修改为string | Environment兼容current的类型：

export interface Config {
    current: string,
    [index: string]: Environment | string,
}

注意：该方案使用动态属性时，TypeScript 会推导其类型为联合类型，需要自行做类型收窄才能正常访问Environment的属性。

方案2：拆分接口后使用交叉类型 #

将固定属性和动态索引属性拆分到两个接口，再通过交叉类型合并：

interface ConfigFixed {
    current: string
}
interface ConfigDynamic {
    [index: string]: Environment
}
// 合并为最终的Config类型
export type Config = ConfigFixed & ConfigDynamic

该方案的优势是访问current时类型自动识别为string，访问已知的动态属性（如base、test）时类型自动识别为Environment，使用体验优于方案1。

方案3：嵌套结构存放动态属性（最推荐） #

将所有动态的Environment类型属性放到单独的嵌套字段中，从根源上避免索引签名冲突：

export interface Config {
    current: string,
    // 所有环境配置统一存放在envs字段下
    envs: Record<string, Environment>
}

// 对应初始化代码调整如下
const config: Config = {
   current: 'base',
   envs: {
     base: {
      root: 'path/to/root',
      dependencies: {},
      devDependencies: {}
     },
     test: {
      root: 'path/to/root',
      dependencies: {},
      devDependencies: {}
     }
   }
}

该方案类型安全性最高，后续维护成本最低，是官方推荐的最佳实践。

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