当前位置：首页 > JavaScript

js异步怎么实现

2026-03-16 08:22:33JavaScript

异步实现方法

JavaScript中实现异步操作主要通过以下几种方式：

回调函数（Callback）

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

js异步怎么实现

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

js异步怎么实现

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