时间戳

首页 > 解决方案 > Javascript/Typescript 将默认常量导出为异步函数调用的值

javascript - Javascript/Typescript 将默认常量导出为异步函数调用的值

问题描述

我做了一堆阅读，但还没有找到一个可行的解决方案

我见过的最接近的是：Export the result of async function in React

请记住，我要导出一个对象，并且该对象是异步函数的结果，而不是导出异步函数定义本身

到目前为止，这是我的用例和实现：

  1. 我们有一个名为 config.ts 的文件

  2. 传统上 config.ts 包含一个具有相关运行时配置的对象作为默认导出

    这让我们简单地import config from '../config'或其他

  3. 我们的配置和秘密管理变得更加复杂，因此它需要对各种秘密存储库（aws、azure 等）进行各种调用

  4. 我已经将 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进行任意异步调用的函数

我正在导出上面的 basicValues，因为我在那里有一些配置设置，这些设置是在 getSecret 中进行调用所必需的。

通过像这样导出基本值，我可以用一个简单的const basicConfig = require('../config').basicValues. 通过这种方式，我们可以继续在一个干净、集中、经过测试的文件中管理所有有趣的配置内容，但仍然可以很早就使这些值可供使用并避免周期性依赖

总之，这感觉应该可以工作

我尝试了很多其他模式，但这感觉最自然和最直观的阅读

这是不好的部分：

  1. import config from '../config'产生未定义的，与export default buildConfig()
  2. 将导出更改为简单地export default basicValues为我们提供了预期的配置对象（但显然没有填充异步值）

我到底在做什么错？

乐于根据需要提供更多的 deets

提前致谢

标签： javascripttypescriptasynchronousasync-awaitexport

解决方案

请记住，我要导出一个对象，并且该对象是异步函数的结果，而不是导出异步函数定义本身

这是不可能的。由于该值是异步检索的，因此使用该值的所有模块都必须首先等待异步操作完成 - 这将需要导出一个解析为您想要的值的 Promise。

在新版本的 Node 中，您可以导入 Promise 并使用顶级await来等待它被填充：

import buildConfigProm from '../config';
const config = await buildConfigProm;

await如果您不在 Node 中，则不支持顶级。您可以.then在导入的任何地方调用 Promise：

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);

推荐阅读