![](/img/trans.png)
[英]How to default export from a directory in JavaScript/TypeScript
[英]Javascript/Typescript Export Default Const as value from async function call
我做了一堆阅读,但还没有找到一个可行的解决方案
我见过的最接近的是: Export the result of async function in React
please keep in mind that I want to export an object, and that object is the result of an asynchronous function, NOT export the async function definition itself
到目前为止,这是我的用例和实现:
我们有一个名为 config.ts 的文件
传统上 config.ts 包含一个 object 和相关运行时配置作为默认导出
这让我们可以简单地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()
其中getSecret
是一些 function 进行任意异步调用
我正在导出上面的 basicValues,因为我在那里有一些配置设置,这些设置是在 getSecret 中进行调用所必需的。
通过像这样导出 basicValues ,我可以使用简单的const basicConfig = require('../config').basicValues
。 通过这种方式,我们可以继续在一个干净、集中、经过测试的文件中管理所有有趣的配置内容,但仍然可以很早就使这些值可供使用并避免周期性依赖
总之,这感觉应该可以工作
我尝试了很多其他模式,但这感觉最自然和最直观的阅读
这是不好的部分:
import config from '../config'
产生未定义, export default buildConfig()
export default basicValues
为我们提供了预期的配置 object (但显然没有填充异步值)我到底在做什么错?
乐于根据需要提供更多的 deets
提前致谢
please keep in mind that I want to export an object, and that object is the result of an asynchronous function, NOT export the async function definition itself
这是不可能的。 由于该值是异步检索的,因此使用该值的所有模块必须首先等待异步操作完成 - 这将需要导出解析为所需值的 Promise。
在新版本的 Node 中,您可以导入 Promise 并使用顶级await
等待它被填充:
import buildConfigProm from '../config';
const config = await buildConfigProm;
如果您不在 Node 中,则不支持顶级await
。 你可以在 Promise 上调用.then
来调用它:
buildConfigProm.then((config) => {
// put all the module's code in here
});
如果您不喜欢这样,唯一真正的选择是使用依赖注入。 让您的模块导出以config
为参数的函数,例如:
// useConfig.ts
export default (config: Config) => {
console.log('color2', config.color2);
};
这样,唯一需要异步的是入口点,它等待 Promise 解析,然后用它调用所需的模块:
// index.ts
import buildConfigProm from './config';
import useConfig from './useConfig';
buildConfigProm
.then((config) => {
useConfig(config);
})
.catch(handleErrors);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.