代码之家 › 专栏 › 技术社区 › Ruben

具有变量键的嵌套TypeScript对象

typescript-typings typescript

Ruben · 技术社区 · 6 年前

我有一个JavaScript方法,可以根据目录结构自动导入JSON模式。这意味着我的文件位于 /path/to/my/file.json ,然后加载到 schemas.path.to.my.file 。

我使用以下TypeScript定义在TypeScript中使用我的代码,但没有用。它总是给我关于 no index signature ,尽管如此,似乎有一个。

import jsonschema = require("jsonschema");

interface NestedSchemas {
    [key: string]: NestedSchemas | jsonschema.Schema;
}

interface MySchemas {
    validator: jsonschema.Validator;
    initialized: boolean;
    walk: Promise<NestedSchemas>;
    schemas: NestedSchemas;
}

declare var _: MySchemas;
export = _;

当我尝试使用我的代码时,我看到linter弹出以下内容:

有趣的是它首先显示的事实 Schema 然后 NestedSchemas (虽然在接口中以另一种方式定义),但它不会尝试解析它,因为它是一个字符串键。

我做错了什么?

1 回复 | 直到 6 年前

ben 6 年前

您可以这样简化问题: 这会发出警告:

interface NestedSchemas {
    [key: string]: NestedSchemas | string;
}
const themas: NestedSchemas = {};
themas['0.1'].foo.bar.baz

但这不会:

interface NestedSchemas {
    [key: string]: NestedSchemas;
}
const themas: NestedSchemas = {};
themas['0.1'].foo.bar.baz

这是因为typescript不知道 themas['0.1'] 将为类型 NestedSchemas 或 string 。

您可以通过铸造:

(((themas['0.1'] as NestedSchemas).foo as NestedSchemas).bar as NestedSchemas).baz

(我承认,不是很优雅)

也可以使用用户定义的类型Guards

你应该阅读 https://www.typescriptlang.org/docs/handbook/advanced-types.html 了解详细信息。

推荐文章

Kareem Adel · 创建函数类型(TypeScript接口)

2 年前

Marcin Sieradzki · 类型按钮中的属性“fit”不能分配给基类型“IButton”中的同一属性。类型“string”不能分配给类型“Fit”

2 年前

tmokmss · TypeScript中记录<K,T>和{[键:K]:T}之间有什么区别?

2 年前

Angulandy2 · Angular 5 viewchild仅工作一次

6 年前

Michael Wilson · 自定义模块模式的TypeScript类型定义

6 年前

donzul · 如何键入接收动态参数并执行递归的函数

6 年前

Milad Rezazadeh · npm包的可安装typescript类型定义

6 年前

ranjit redekar · 如何将js文件从Angular assets文件夹加载到特定的Angular(2,4,5)组件或模块?

6 年前

Ruben · 具有变量键的嵌套TypeScript对象

6 年前

Tom Hudson · TypeScript:从装饰器推断返回类型?

6 年前