前端异步操作示例：使用setTimeout模拟数据获取

以下是一个前端异步操作的示例，使用setTimeout来模拟从服务器获取数据：

// 异步操作示例：获取数据
function fetchData(callback) {
  setTimeout(function () {
    const data = '这是从服务器返回的数据';
    callback(data);
  }, 2000);
}

// 使用异步操作
console.log('开始获取数据');
fetchData(function (data) {
  console.log('获取到数据：', data);
});
console.log('获取数据中...');

// 输出结果：
// 开始获取数据
// 获取数据中...
// 获取到数据： 这是从服务器返回的数据

在上面的示例中，fetchData 函数模拟了从服务器获取数据的异步操作。它使用 setTimeout 来模拟一个2秒钟后返回数据的延迟。在 fetchData 函数中，我们传递了一个回调函数作为参数，这个回调函数将在获取到数据后被调用，并将数据作为参数传递给它。

在主程序中，我们首先输出了'开始获取数据'，然后调用 fetchData 函数。由于 fetchData 是一个异步操作，它不会阻塞后续代码的执行。所以，我们接着输出了'获取数据中...'。当2秒钟时间过去后，fetchData 函数的回调函数被调用，并将获取到的数据作为参数传递给它。最后，我们输出了'获取到数据：'和从服务器返回的数据。

这个示例展示了如何在前端中使用异步操作来处理需要等待的任务，以避免阻塞主程序的执行。