当前位置：首页 > JavaScript

js异步实现

2026-04-06 22:20:50JavaScript

JavaScript 异步实现方式

JavaScript 实现异步编程有多种方式，主要包括回调函数、Promise、async/await 和事件监听等。这些方式各有特点，适用于不同的场景。

回调函数

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

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

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

Promise

Promise 是 ES6 引入的异步编程解决方案，用于解决回调地狱问题。Promise 有三种状态：pending、fulfilled 和 rejected。

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

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

async/await

async/await 是 ES8 引入的语法糖，基于 Promise 实现，使异步代码看起来像同步代码，更易读。

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

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

getData();

事件监听

事件监听适用于基于事件的异步编程，例如 DOM 事件或自定义事件。

js异步实现

const eventEmitter = new EventEmitter();

eventEmitter.on('dataFetched', (data) => {
    console.log(data); // 输出: Data fetched
});

setTimeout(() => {
    eventEmitter.emit('dataFetched', 'Data fetched');
}, 1000);