当前位置：首页 > JavaScript

js实现代码实现异步

2026-02-02 13:13:02JavaScript

异步编程的实现方式

JavaScript中实现异步编程有多种方法，每种方法适用于不同的场景和需求。以下是常见的几种实现方式：

回调函数（Callback）

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

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

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

Promise

Promise提供了更优雅的异步处理方式，可以链式调用并更好地处理错误。

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的语法糖，使异步代码看起来像同步代码，提高了可读性。

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();

EventEmitter

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