在JavaScript中，异步编程除了Promise和Async/Await还有哪些模式？-js教程-PHP中文网

在JavaScript中，异步编程除了Promise和Async/Await还有哪些模式？

狼影

发布： 2025-09-29 10:01:01

原创

275人浏览过

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

在javascript中，异步编程除了promise和async/await还有哪些模式？

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

1. 回调函数（Callback Pattern）

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

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

示例：

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

登录后复制

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

立即学习“Java免费学习笔记（深入）”；

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

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

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

示例：

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

登录后复制

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

3. Generator 函数 + yield

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

知我AI

一款多端AI知识助理，通过一键生成播客/视频/文档/网页文章摘要、思维导图，提高个人知识获取效率；自动存储知识，通过与知识库聊天，提高知识利用效率。

101

查看详情

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

示例：

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

登录后复制

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

4. Observable（响应式编程）

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

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

示例：

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

登录后复制

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

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

以上就是在JavaScript中，异步编程除了Promise和Async/Await还有哪些模式？的详细内容，更多请关注php中文网其它相关文章！