当前位置：首页 > JavaScript

js怎么实现异步

2026-01-15 14:13:15JavaScript

异步实现方法

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

Promise

Promise是ES6引入的异步解决方案，用于处理异步操作的成功或失败状态。

const promise = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('操作成功');
  }, 1000);
});

promise.then(result => {
  console.log(result);
}).catch(error => {
  console.error(error);
});

async/await

ES2017引入的语法糖，基于Promise实现，使异步代码看起来像同步代码。

async function fetchData() {
  try {
    const response = await fetch('https://api.example.com/data');
    const data = await response.json();
    console.log(data);
  } catch (error) {
    console.error('请求失败:', error);
  }
}

fetchData();

回调函数

传统的异步处理方式，通过函数嵌套实现异步流程控制。

function fetchData(callback) {
  setTimeout(() => {
    callback(null, '数据加载完成');
  }, 1000);
}

fetchData((error, data) => {
  if (error) {
    console.error(error);
  } else {
    console.log(data);
  }
});

EventEmitter

Node.js中的事件驱动模式，通过事件监听和触发实现异步。

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

emitter.on('data', (data) => {
  console.log('收到数据:', data);
});

setTimeout(() => {
  emitter.emit('data', '异步数据');
}, 1000);

Generator函数

ES6引入的生成器函数，通过yield暂停执行，可与Promise结合实现异步。

function* asyncGenerator() {
  const result = yield new Promise(resolve => {
    setTimeout(() => resolve('生成器结果'), 1000);
  });
  console.log(result);
}

const gen = asyncGenerator();
gen.next().value.then(result => {
  gen.next(result);
});