JavaScript 异步编程的几种方式

在JavaScript中，异步编程是处理延迟操作（如网络请求、文件读写等）的关键技术，确保用户界面保持响应同时处理后台任务。以下是几种主要的异步编程解决方案，包括示例代码：

1. 回调（Callback）

简介：最早的异步处理方式，通过将一个函数（回调函数）作为参数传递给另一个函数，在异步操作完成后执行回调。

示例代码：

function fetchData(callback) {
    setTimeout(() => {
        try {
            let data = "模拟数据";
            callback(null, data);
        } catch (error) {
            callback(error);
        }
    }, 2000);
}

fetchData((error, data) => {
    if (error) {
        console.error('发生错误:', error);
    } else {
        console.log('获取到的数据:', data);
    }
});

2. 事件监听（EventEmitter / Pub/Sub）

简介：发布-订阅模式，允许对象订阅特定事件并在事件触发时接收通知。

示例代码（使用Node.js EventEmitter）：

const EventEmitter = require('events');
class MyEmitter extends EventEmitter {}

const myEmitter = new MyEmitter();

myEmitter.on('dataLoaded', (data) => {
    console.log('数据已加载:', data);
});

// 模拟异步数据加载完成
setTimeout(() => {
    myEmitter.emit('dataLoaded', '模拟数据');
}, 2000);

3. Promise

简介：ES6 引入的标准，用于处理异步操作，可以链接多个异步操作并以链式调用来组织代码。

示例代码：

function fetchData() {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            try {
                let data = "模拟数据";
                resolve(data);
            } catch (error) {
                reject(error);
            }
        }, 2000);
    });
}

fetchData()
    .then(data => console.log('获取到的数据:', data))
    .catch(error => console.error('发生错误:', error));

4. Generator 函数与 yield

简介：ES6 引入，可以暂停和恢复函数执行，常与co库或async/await结合使用以简化异步控制流。

示例代码：

function* fetchDataGenerator() {
    let data = yield new Promise((resolve) =>
        setTimeout(() => resolve("模拟数据"), 2000)
    );
    console.log('获取到的数据:', data);
}

const co = require('co');
co(fetchDataGenerator);

5. async/await

简介：ES2017 引入，基于Promise，提供更简洁的异步代码编写方式，使得异步代码看起来像同步代码。

示例代码：

async function fetchDataAsync() {
    try {
        let response = await fetch('https://api.example.com/data');
        let data = await response.json();
        console.log('获取到的数据:', data);
    } catch (error) {
        console.error('发生错误:', error);
    }
}

fetchDataAsync();

总结

JavaScript异步编程方案从最初的回调函数发展到现在的async/await，每一种方案都有其适用场景和优缺点。选择合适的方案能有效提升代码的可读性和可维护性。async/await由于其简洁的语法和良好的错误处理机制，已成为现代JavaScript异步编程的首选方案。