zen*_*inc 4 javascript asynchronous export async-await typescript
我读了很多书,但还没有找到有效的解决方案
我见过的最接近的是这里:Export the result of async function in React
请记住,我想导出一个对象,并且该对象是异步函数的结果,而不是导出异步函数定义本身
这是到目前为止我的用例和实现:
我们有一个名为 config.ts 的文件
传统上 config.ts 包含一个具有相关运行时配置的对象作为默认导出
这让我们简单地import config from '../config'或无论如何
我们的配置和秘密管理变得更加复杂,因此需要对各种秘密存储库(aws、azure 等)进行各种调用
我已经重构了 config.ts 现在看起来像这样:
export const basicValues = {
color1: 'red'
}
async function buildConfig(){
const valuesOut = {...basicValues}
valuesOut.color2 = await getSecret('color2');
valuesOut.color3 = await getSecret('color3');
return valuesOut;
}
export default buildConfig()
Run Code Online (Sandbox Code Playgroud)
哪里getSecret有一些可以进行任意异步调用的函数
我正在导出上面的 basicValues ,因为我在那里有一些配置设置,这些设置是在 getSecret 内进行调用所必需的。
通过像这样导出 basicValues 我可以用一个简单的const basicConfig = require('../config').basicValues. 这样我们就可以继续在一个干净、集中、经过测试的文件中管理所有有趣的配置内容,但仍然可以尽早使用这些值并避免循环依赖
总而言之,这感觉应该可行
我尝试过很多其他模式,但这感觉最自然、读起来最直观
这是不好的部分:
import config from '../config'产生未定义的,与export default buildConfig()export default basicValues预期提供我们的配置对象(但显然没有填充异步值)我到底做错了什么?
很乐意根据需要提供更多的避蚊胺
提前致谢
请记住,我想导出一个对象,并且该对象是异步函数的结果,而不是导出异步函数定义本身
这不可能。由于该值是异步检索的,因此使用该值的所有模块都必须首先等待异步操作完成 - 这将需要导出一个解析为您想要的值的 Promise。
在新版本的 Node 中,您可以导入 Promise 并使用 top-levelawait来等待它被填充:
import buildConfigProm from '../config';
const config = await buildConfigProm;
Run Code Online (Sandbox Code Playgroud)
await如果您不在 Node 中,则不支持顶级。你可以.then在任何导入 Promise 的地方调用它:
buildConfigProm.then((config) => {
// put all the module's code in here
});
Run Code Online (Sandbox Code Playgroud)
如果您不喜欢这样,唯一真正的选择是使用依赖项注入。让您的模块导出以 作为参数的函数,例如:config
// useConfig.ts
export default (config: Config) => {
console.log('color2', config.color2);
};
Run Code Online (Sandbox Code Playgroud)
这样,唯一必须异步的是入口点,它等待 Promise 解析,然后用它调用所需的模块:
// index.ts
import buildConfigProm from './config';
import useConfig from './useConfig';
buildConfigProm
.then((config) => {
useConfig(config);
})
.catch(handleErrors);
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
4410 次 |
| 最近记录: |