TypeScript 怎样动态获取 import * as 导入的内容?

2021-10-25 19:28:17 +08:00
 Danswerme

代码如下:

// file1.ts
export * from "aaa";
export * from "bbb";
export * from "ccc";
export const a = 1;
export const b = 2;
// file2.ts
import * as balala from "./file1.ts";
Object.getOwnPropertyNames(balala)
    .forEach((key) => {
    		const module = balala[key];
    });

在使用balala[key]获取模块时爆红了,提示如下;搜索半天无果,请教下这种情况该怎么解决呢?

Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'typeof import("/Users/xxxx/xxx/file1.ts")
1069 次点击
所在节点    TypeScript
4 条回复
Danswerme
2021-10-25 19:53:00 +08:00
暂时用类型断言解决了,但是总感觉怪怪的,v 友们如果有更好的解决方案麻烦回复下。

```
const balalaAlias = <any>balala;

const module = balalaAlias[key];
```
anjianshi
2021-10-25 20:10:16 +08:00
```typescript

// 先把 balala 从 TypeScript namespace 转换成普通对象,接下来就可以当普通对象来处理了
const moduleObject = { ...balala }

Object.getOwnPropertyNames(moduleObject).forEach(key => {
// 把字符串 key 标识成 moduleObject 的带类型信息的 key
const o = obj[key as (keyof (typeof moduleObject))]
console.log(o)
})

```
lzgshsj
2021-10-25 20:15:55 +08:00
const module = balala[key as keyof typeof balala]
具体可以去了解一下 keyof 和 typeof 的用法
Danswerme
2021-10-25 20:28:26 +08:00
@anjianshi
@lzgshsj
感谢,学习到用法了。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/810453

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX