Typescript中的递归类型属性

Question

我尝试使用以下接口声明递归类型

interface Map<T> {
  [key: string]: Map<T> | T;
}

但是，当我尝试获取此对象的属性时：

const map: Map<number> = {
  a: {
    b: {
      c: 2
    }
  }
};

console.log(map.a.b.c);

我收到一个错误：

TS2339:Property 'b' does not exist on type 'number | Map<number>'.  Property 'b' does not exist on type 'number'.

我了解为什么会发生这种情况，但是有解决方法吗？

PS我的tsconfig.json如下：

{
  "compilerOptions": {
    "declaration": true,
    "downlevelIteration": true,
    "importHelpers": true,
    "lib": [
      "dom",
      "es2017"
    ],
    "module": "es2015",
    "moduleResolution": "node",
    "noFallthroughCasesInSwitch": true,
    "noImplicitReturns": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "sourceMap": true,
    "strict": true,
    "target": "es5",
    "typeRoots": [
      "node_modules/@types"
    ]
  }
}

Answer 1

可索引类型不知道它具有什么键，因此您不能使用点表示法，而需要使用：

console.log(map["a"]["b"]["c"]);

但是请注意， map["a"]["b"]是any ，您需要使用(map["a"] as MyMap<number>)["b"]来获取正确的类型。

您不应该为接口使用名称Map ，因为现在有一个称为Map （ 类型定义 ）的内置类型 。

如果您发布的示例确实显示了用例，那么我建议您根本不要注释map变量：

const map = {
    a: {
        b: {
            c: 2
        }
    }
};
console.log(map.a.b.c); // this is fine now

编译器足够聪明，可以将map的类型推断为：

type map = {
    a: {
        b: {
            c: number;
        }
    }
}