如何通过async/await实现一行式变量赋值获取已解析的异步结果？

嘿，我太懂你从同步语言转过来的那种“预期落差”了——刚上手async/await的时候，总觉得它应该像同步代码一样，调用函数直接拿到结果，结果却蹦出来个Promise，确实有点懵😅

先给你划个核心知识点：所有async函数的返回值都会被自动包装成Promise，不管你函数内部有没有写await，这是JS语法的硬性规定。所以你直接写const item = getItem('items-8')，拿到的必然是Promise对象，而不是解析后的最终结果。

那怎么用async/await实现类似同步的变量赋值，还不用写then呢？分几种场景给你梳理：

1. 在非async函数/全局环境中：用async立即执行函数（IIFE） #

这是最通用的写法，把需要用await的代码包在一个异步的立即执行函数里，临时创建一个异步上下文，就能合法使用await了：

(async () => {
  const item = await getItem('items-8');
  console.log(item); // 这里就能拿到解析后的结果啦
})();

全程不用碰then语法，写法上已经很接近同步代码的逻辑。

2. 在另一个async函数中：直接用await赋值 #

如果你的代码本身就在一个async函数里，那直接用await赋值就行，完全符合你预期的“同步式”写法：

async function handleItem() {
  // 这里直接用await，和同步赋值的写法几乎一致
  const item = await getItem('items-8');
  console.log(item);
}

handleItem();

3. ES模块环境下：支持顶级await #

如果你是在ES模块（比如浏览器中声明type="module"的脚本，或者Node.js的ES模块文件）里，JS允许你在顶级作用域直接用await，不用额外包裹函数：

// 注意：仅在ES模块环境中有效
const item = await getItem('items-8');
console.log(item);

这个写法最接近你想要的“一行式赋值”，但要确保你的运行环境支持ES模块特性哦。

总结一下：async函数天生返回Promise，要拿到最终结果必须用await，而await只能在async函数（或ES模块顶级作用域）中使用。根据你的执行场景选择上面的写法，就能彻底避开then，用async/await实现类似同步的赋值逻辑啦。

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