script setup

• 用 function，比較不會出錯

function handleClick(index) {

    selectedIndex.value = index;
    //alert(index);
}

---

在 Vue 3 或现代 JavaScript 开发中，如果上下文绑定明确（如组件内部），箭头函数更常用

const fetchData = async () => {
  // 更加简洁
};

---

• async 函数与普通的 function

function normalFunction() {
  return "Hello, World!";
}

async function asyncFunction() {
  return "Hello, Async World!";
}

返回值是 Promise

普通函数：返回值是什么类型，就直接是什么类型。

async 函数：无论返回什么，都会被包装成一个 Promise。

function normalFunction() {
  return "Hello, World!";
}

async function asyncFunction() {
  return "Hello, Async World!";
}

console.log(normalFunction()); // 输出：Hello, World!

console.log(asyncFunction()); // 输出：Promise { 'Hello, Async World!' }

使用 await 或 then 解开 Promise：

asyncFunction().then(console.log); // 输出：Hello, Async World!