【问题标题】:Javascript/Typescript Export Default Const as value from async function callJavascript/Typescript 将默认常量导出为异步函数调用的值
【发布时间】:2021-04-11 20:30:10
【问题描述】:

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

我见过的最接近的是这里: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可以按预期为我们提供配置对象(但显然没有填充异步值)

我到底做错了什么?

很高兴根据需要提供更多的服务

提前致谢

【问题讨论】:

    标签: javascript typescript asynchronous async-await export


    【解决方案1】:

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

    这是不可能的。由于该值是异步检索的,因此使用该值的所有模块必须首先等待异步操作完成 - 这将需要导出一个解析为您想要的值的 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);
    

    【讨论】:

    • 完全正确。我认为还值得一提的是,这与 exportexport default 无关,问题本身在其标题和内容中都暗示了这一点。
    • 我可以在哪里添加关于我最终采用的实施的回顾?
    • @zentechinc 回顾展,你是什么意思?
    猜你喜欢
    • 2017-02-01
    • 2017-11-12
    • 2020-04-30
    • 1970-01-01
    • 2019-04-03
    • 2016-08-20
    • 2017-11-02
    • 1970-01-01
    • 2017-08-19
    相关资源
    最近更新 更多