模块导出中如何将Promise转为非Promise？除顶层await外还有其他方法吗？

核心问题的直接结论 #

• 非async函数无法直接返回已解析的Promise同步值：Promise的解析是异步过程，同步函数里没有办法等待Promise完成后再返回结果，只能返回Promise本身或者在未完成时返回占位值（比如undefined、抛出错误）。
• async函数必然返回Promise：哪怕你在async函数里return普通值，JS引擎也会自动把它包装成已解析的Promise，不存在让async函数直接返回非Promise值的可能。

针对模块导出场景的解决方案 #

你想把动态导入得到的Promise解析结果作为非Promise对象暴露给其他模块，除了顶层await，还有以下几种实现方式，但各有取舍：

1. 预加载缓存结果（同步返回，但存在加载前状态） #

在模块初始化时就启动Promise的解析，把结果缓存起来，之后导出的函数直接返回缓存值：

let cachedAdapter;
// 模块加载时就开始解析Promise
adapterPromise.then(adapter => {
  cachedAdapter = adapter;
});

export const MyAdapter = () => {
  if (!cachedAdapter) {
    throw new Error('Adapter 尚未加载完成，请稍后调用');
  }
  return cachedAdapter;
};

缺点：如果在Promise解析完成前调用MyAdapter，会抛出错误，需要调用方处理这种异步未完成的情况。

2. 导出同步访问器+加载完成Promise（兼顾同步与异步） #

这种方式既允许同步访问缓存结果，又提供一个Promise让调用方等待加载完成：

let cachedAdapter;
// 缓存加载完成的Promise，供调用方等待
const adapterReady = adapterPromise.then(adapter => {
  cachedAdapter = adapter;
  return adapter;
});

export const MyAdapter = () => cachedAdapter;
export const waitForAdapter = () => adapterReady;

调用方可以先通过waitForAdapter()确保加载完成，之后再同步调用MyAdapter()，避免未加载的问题：

import { MyAdapter, waitForAdapter } from './moduleB.js';

async function init() {
  await waitForAdapter();
  const adapter = MyAdapter();
  // 放心调用adapter的方法
}

3. 顶层await（最简洁可靠的方式） #

你提到的顶层await确实是最省心的方案：

export default await adapterPromise;

它的优势在于，模块B会等待adapterPromise解析完成后，才会被其他模块导入，其他模块拿到的直接是已解析的同步值，不需要处理任何异步状态。但注意它需要环境支持ES模块（浏览器需设置script type="module"，Node.js需使用ES模块配置）。

补充：关于"同一个Promise多次解析"的误解 #

Promise的特性是一旦决议（resolve/reject）就不会再改变状态，多次调用await同一个Promise，都会直接返回已解析的结果，不存在"多次解析"的问题。你担心的重复调用函数的场景，只要缓存住解析后的结果，或者直接复用同一个Promise的await，都是安全的。

内容的提问来源于stack exchange，提问作者user1335014