简要描述下什么是回调函数并写一个例子出来
回调函数(Callback Function)是一种在特定事件或条件发生时由另一个函数(通常是异步操作)调用的函数。在前端开发中,回调函数常用于处理异步操作,如网络请求、定时任务或用户交互事件等。当这些操作完成时,会调用预先定义好的回调函数,以执行后续的操作。
以下是一个使用JavaScript编写的简单回调函数示例,该示例模拟了一个异步的网络请求操作:
// 模拟异步网络请求的函数
function fetchData(callback) {
setTimeout(() => {
const data = ['item1', 'item2', 'item3']; // 假设这是从服务器获取的数据
callback(data); // 数据获取完成后,调用回调函数并传入数据
}, 2000); // 延迟2秒以模拟网络请求的耗时
}
// 回调函数,用于处理从服务器获取的数据
function handleData(data) {
console.log('数据已获取:');
console.log(data);
}
// 调用fetchData函数并传入回调函数handleData
fetchData(handleData);
在这个例子中,fetchData函数模拟了一个异步的网络请求操作。它接受一个回调函数作为参数,并在数据获取完成后调用这个回调函数。handleData函数就是我们定义的回调函数,它用于处理从服务器获取的数据。当我们调用fetchData(handleData)时,会启动异步操作,并在操作完成后自动调用handleData函数。
浙公网安备 33010602011771号