JavaScript异步编程的常见模式有哪些？

大家好，我们又见面了啊~本文《JavaScript异步编程还有哪些模式？》的内容中将会涉及到等等。如果你正在学习文章相关知识，欢迎关注我，以后会给大家带来更多文章相关文章，希望我们能一起进步！下面就开始本文的正式内容~

回调函数用于简单异步任务但易形成回调地狱；2. 事件监听适用于解耦的多次触发场景；3. Generator函数结合yield实现类同步写法，需手动驱动；4. Observable适合处理连续数据流，支持丰富操作符；5. Promise与async/await因语法简洁成为主流，但实际常混合使用多种模式。

在JavaScript中，除了 Promise 和 async/await，还有几种常见的异步编程模式。它们在不同场景下各有用途，尤其在历史项目或特定需求中仍被广泛使用。

1. 回调函数（Callback Pattern）

这是最原始的异步处理方式，通过将函数作为参数传递给异步操作，在操作完成时执行回调。

常见于早期的Node.js API和浏览器事件处理中。

setTimeout(function() {
  console.log('3秒后执行');
}, 3000);
// 模拟异步读取数据
function fetchData(callback) {
setTimeout(() => {
callback(null, '数据加载完成');
}, 1000);
}
fetchData((error, data) => {
if (error) {
console.error(error);
} else {
console.log(data);
}
});

缺点是容易导致“回调地狱”（Callback Hell），代码嵌套过深，难以维护。

2. 事件监听（Event Emitter / Observer Pattern）

通过订阅-发布机制处理异步操作，适用于多次触发的异步行为，如用户交互、消息系统等。

Node.js 中的 EventEmitter 是典型实现。

const EventEmitter = require('events');
const emitter = new EventEmitter();
emitter.on('dataReady', (data) => {
console.log('收到数据:', data);
});
// 异步触发事件
setTimeout(() => {
emitter.emit('dataReady', '一些异步数据');
}, 1000);

这种模式适合解耦多个模块之间的通信，但调试可能较复杂。

3. Generator 函数 + yield

利用 Generator 函数暂停执行的特性，配合异步任务调度器，实现类同步写法。

虽然现在大多被 async/await 取代，但在某些库（如 co）中仍有应用。

function* asyncFlow() {
  console.log('开始');
  const data = yield fetch('/api/data');
  console.log('获取到:', data);
}
const generator = asyncFlow();
const result = generator.next();
// 手动控制流程
result.value.then(data => {
generator.next(data);
});

需要手动驱动执行，不如 async/await 直观，但为 async/await 提供了语言基础。

4. Observable（响应式编程）

基于 RxJS 等库实现的响应式流模型，适合处理连续事件流，如键盘输入、WebSocket 数据流等。

Observable 支持 map、filter、merge 等操作符，功能强大。

import { fromEvent } from 'rxjs';
const click$ = fromEvent(document, 'click');
click$.subscribe(event => {
console.log('页面被点击:', event.clientX, event.clientY);
});

相比 Promise，Observable 支持多值发射、取消订阅、操作符链式调用，更灵活但学习成本较高。

基本上就这些。每种模式都有适用场景：回调用于简单任务，事件用于解耦通信，Generator 曾是协程方案，Observable 适合复杂流处理，而 Promise 和 async/await 成为主流是因为语法简洁、易于理解。不复杂但容易忽略的是，实际开发中常混合使用这些模式。

今天带大家了解了的相关知识，希望对你有所帮助；关于文章的技术知识我们会一点点深入介绍，欢迎大家关注golang学习网公众号，一起学习编程~