如何使用导入的命名空间作为打字稿接口？

Question

我无法弄清楚如何在打字稿界面/类型中使用导入的名称。

我有一些导出不同类型的文件...

foo.js

const ObjA = {}
const ObjB = {}
export {
  ObjA,
  ObjB
}

bar.js

export const Bar: { [key: string]: string } = {
  stringA: 'some string',
  stringB: 'some string',
}

我想导入这些文件，并使用导入的值来创建一个新的打字稿对象定义...

import * as Foo from 'foo';
import { Bar } from 'bar';

type MyTypes = keyof Foo; // this would be ObjA, ObjB

type MyType = {
  [typeName in MyTypes]: keyof Bar; // this would be stringA, stringB
};

我想强制一个对象使用一个导入文件中的导出值以及另一个导出值中的值来使用键名。类似...

const newObject: MyType = {
  ObjA: 'stringA',        // passes
  fooKey: 'stringB',      // fails due to invalid key
  ObjB: 'fail',           // fails due to invalid value
  barKey: 'randomValue',  // fails due to invalid key & value
}

Answer 1

Foo 和 Bar 是值。 typeof operator 可以用来获取他们的类型：

type MyTypes = keyof typeof Foo;

type MyType = {
  [typeName in MyTypes]: keyof typeof Bar;
};

// Or just:
// type MyType = Record<MyTypes, keyof typeof Bar>

typeof 运算符可以在类型上下文中用于引用变量或属性的类型

不确定这是否是您要查找的内容，但在这种情况下，MyType 将解析为：

{
  ObjA: "stringA" | "stringB";
  ObjB: "stringA" | "stringB";
}