当前位置：首页 > JavaScript

js 异步实现

2026-02-02 00:18:37JavaScript

异步实现的方法

JavaScript 提供了多种方式实现异步编程，以下是常见的几种方法：

回调函数（Callback）

回调函数是最基础的异步实现方式，通过将函数作为参数传递给另一个函数，在异步操作完成后调用该函数。

js 异步实现

function fetchData(callback) {
    setTimeout(() => {
        callback('Data received');
    }, 1000);
}

fetchData((data) => {
    console.log(data); // 输出: Data received
});

Promise

Promise 是一种更现代的异步处理方式，可以避免回调地狱（Callback Hell），提供链式调用。

function fetchData() {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            resolve('Data received');
        }, 1000);
    });
}

fetchData()
    .then((data) => {
        console.log(data); // 输出: Data received
    })
    .catch((error) => {
        console.error(error);
    });

async/await

async/await 是基于 Promise 的语法糖，使异步代码看起来更像同步代码，提高可读性。

js 异步实现

async function fetchData() {
    return new Promise((resolve) => {
        setTimeout(() => {
            resolve('Data received');
        }, 1000);
    });
}

async function main() {
    try {
        const data = await fetchData();
        console.log(data); // 输出: Data received
    } catch (error) {
        console.error(error);
    }
}

main();

事件监听（Event Emitter）

通过事件监听机制实现异步，常见于 Node.js 的 EventEmitter 模块。

const EventEmitter = require('events');
const emitter = new EventEmitter();

emitter.on('dataReceived', (data) => {
    console.log(data); // 输出: Data received
});

setTimeout(() => {
    emitter.emit('dataReceived', 'Data received');
}, 1000);

Generator 函数

Generator 函数通过 yield 暂停执行，可以用于实现异步操作。

function* fetchData() {
    yield new Promise((resolve) => {
        setTimeout(() => {
            resolve('Data received');
        }, 1000);
    });
}

const generator = fetchData();
generator.next().value.then((data) => {
    console.log(data); // 输出: Data received
});