vue3 ts async function 和 const async两种函数方式有什么区别

在 Vue3 中，async function 和 const async 函数方式的区别主要体现在语法和使用场景上。

1. **语法结构**：
- async function 是定义异步函数的标准方式，通过关键字 async 来声明一个异步函数。例如：

     async function fetchData() {
       const response = await axios.get('/data');
       return response.data;
     }

- const async 通常用于将一个异步函数赋值给一个常量，这种方式在需要动态生成或条件性地创建异步函数时非常有用。例如：

     const fetchData = async () => {
       const response = await axios.get('/data');
       return response.data;
     };

2. **使用场景**：
- async function 更适合在类、模块顶层或常规函数中使用，因为它的语法清晰且易于理解。
- const async 则更适合在需要动态生成函数的场景下使用，比如在组件的 setup 函数中根据不同条件创建不同的异步逻辑。

3. **执行行为**：
- 无论是 async function 还是 const async，它们都会返回一个 Promise 对象，这一点在处理异步操作时非常重要。
- 两者在执行时都会进行异步操作，并且可以通过 await 关键字等待 Promise 完成。