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

标签 javascript typescript asynchronous async-await export

我已经阅读了大量资料,但还没有找到可行的解决方案

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

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

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

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

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

    这让我们可以简单地从'../config'导入配置或其他

  3. 我们的配置和 secret 管理变得更加复杂,因此它需要对各种 secret 存储库(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 中进行调用所必需的。

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

总而言之,这感觉应该可行

我尝试了很多其他模式,但这种模式读起来最自然、最直观

这是不好的部分:

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

我到底做错了什么?

很乐意根据需要提供更多信息

提前致谢

最佳答案

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

如果您不喜欢那样,唯一真正的替代方法是使用依赖注入(inject)。让您的模块导出以 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);

关于Javascript/Typescript 将默认常量导出为异步函数调用的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65589922/

相关文章:

c# - 可以将等待任务分配给操作吗?

c - 文件删除/修改期间的 libevent

node.js - TypeScript 与现有 Node js Express 项目集成

angularjs - 使用 Typescript 时,我应该如何使用 $http 定义回调?

typescript - 如何在 TypeScript 接口(interface)中要求特定字符串

javascript - 如何用 mongoose 存储 javascript 错误对象?

c++ - 如何使用 casablanca (PPL) http_client 返回的 XmlLite 处理 XML?

javascript - 如果没有转义任何内容,单引号/双引号有什么区别吗?

php - div的onclick需要删除一条mysql数据库记录

javascript - 在 Internet Explorer 中禁用文本选择