js异步怎么实现
异步实现方法
JavaScript中实现异步操作主要通过以下几种方式：
回调函数（Callback）
回调函数是最基础的异步实现方式，将函数作为参数传递给另一个函数，在操作完成后调用该函数。
function fetchData(callback) {
setTimeout(() => {
callback('Data received');
}, 1000);
}
fetchData((data) => {
console.log(data); // 1秒后输出"Data received"
});Promise
Promise提供了更优雅的异步处理方式，避免了回调地狱问题。
function fetchData() {
return new Promise((resolve) => {
setTimeout(() => {
resolve('Data received');
}, 1000);
});
}
fetchData()
.then(data => console.log(data))
.catch(error => console.error(error));async/await
async/await是基于Promise的语法糖，使异步代码看起来像同步代码。
async function getData() {
try {
const data = await fetchData();
console.log(data);
} catch (error) {
console.error(error);
}
}
getData();事件监听（EventEmitter）
通过事件监听机制实现异步，常见于Node.js环境。
const EventEmitter = require('events');
const emitter = new EventEmitter();
emitter.on('data', (data) => {
console.log(data);
});
setTimeout(() => {
emitter.emit('data', 'Data received');
}, 1000);Generator函数
Generator函数可以通过yield暂停执行，实现异步流程控制。
function* fetchData() {
const data = yield new Promise(resolve => {
setTimeout(() => resolve('Data received'), 1000);
});
console.log(data);
}
const generator = fetchData();
const promise = generator.next().value;
promise.then(data => generator.next(data));异步方案选择建议
回调函数适合简单异步场景，但容易产生回调地狱。Promise是更现代的解决方案，适合链式异步操作。async/await代码最简洁易读，是目前推荐的方式。事件监听适合事件驱动的场景。Generator函数较为复杂，通常与库配合使用。
