如何在外部作用域调用async函数，无需双层async函数直接获取Promise返回值

核心结论 #

没有办法在全局同步作用域直接同步拿到异步操作的返回结果，这是JavaScript单线程事件循环的运行机制决定的：同步代码会优先执行完成，才会处理异步操作的回调结果，async 函数本身的返回值固定为Promise实例，不可能直接同步返回内部异步操作的最终值。

可选替代方案（无需定义两层async函数） #

方案1：使用顶层await（ES2022支持，仅ES模块环境可用） #

如果你的代码运行在ES模块环境（script 标签加 type="module" 属性，或者Node.js用 .mjs 后缀/配置 package.json 中 type: module），可以直接在顶层作用域使用await，无需额外包裹一层async函数：

async function fetchPhoto(uri) {
    const response = await fetch(uri);
    return response.status;
} 

// 直接在顶层await获取结果，无需额外定义async函数
const res = await fetchPhoto('/photos/19062657811.png');
console.log(res);

方案2：使用.then链式调用（兼容所有环境） #

如果不支持顶层await，直接用Promise原生的.then方法处理返回结果，也不需要额外定义一层async函数：

async function fetchPhoto(uri) {
    const response = await fetch(uri);
    return response.status;
} 

fetchPhoto('/photos/19062657811.png').then(res => {
    console.log(res);
    // 所有需要用到res的业务逻辑都放在这个回调内即可
});

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