简要描述下什么是回调函数并写一个例子出来

回调函数是指在另一个函数执行完成后才被调用的函数。它通常作为参数传递给另一个函数，并在该函数内部的某个时刻被执行。 在前端开发中，回调函数非常常见，尤其是在处理异步操作（例如网络请求、定时器、事件监听）时。

简要描述:

想象一下你点了一份外卖。你不会一直站在门口等着，而是告诉外卖员送到了给你打电话（提供回调函数）。外卖员送餐的过程（另一个函数的执行）和你接电话（回调函数的执行）是异步的。

前端 JavaScript 例子：

// 异步操作：模拟网络请求
function fetchData(url, callback) {
  // 模拟异步请求延迟
  setTimeout(() => {
    const data = { message: "Data fetched successfully from " + url }; // 模拟获取的数据
    callback(data); // 调用回调函数，并将数据作为参数传递
  }, 1000);
}

// 回调函数：处理获取到的数据
function processData(data) {
  console.log(data.message); // 输出获取到的数据
}

// 调用 fetchData 函数，并传入 processData 作为回调函数
fetchData("https://example.com/api", processData); 

// 输出（大约1秒后）：Data fetched successfully from https://example.com/api


// 更简洁的例子，使用匿名函数作为回调：
fetchData("https://another-example.com/api", (data) => {
  console.log("Data received:", data);
});

解释：

1. fetchData 函数模拟一个异步的网络请求。它接受两个参数：url 和 callback。
2. setTimeout 模拟网络请求的延迟。
3. 当模拟请求完成后，callback(data) 会被执行。 这相当于外卖员送到了打电话给你。data 就是送到的外卖（数据）。
4. processData 函数是回调函数。它接收 data 作为参数，并将其打印到控制台。 这相当于你接电话并处理外卖（数据）。

其他常见的使用场景：

• 事件监听: 例如点击事件、鼠标悬停事件等。
• 数组方法: 例如 map、filter、forEach 等，它们都接受回调函数作为参数。
• 动画: 在动画执行完成后执行特定操作。

希望这个例子能够帮助你理解回调函数的概念。