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

在JavaScript中,除了 Promise 和 async/await,还有几种常见的异步编程模式。它们在不同场景下各有用途,尤其在历史项目或特定需求中仍被广泛使用。
1. 回调函数(Callback Pattern)
这是最原始的异步处理方式,通过将函数作为参数传递给异步操作,在操作完成时执行回调。
示例:
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),代码嵌套过深,难以维护。
立即学习“Java免费学习笔记(深入)”;
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 成为主流是因为语法简洁、易于理解。不复杂但容易忽略的是,实际开发中常混合使用这些模式。
以上就是在JavaScript中,异步编程除了Promise和Async/Await还有哪些模式?的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1524315.html
微信扫一扫
支付宝扫一扫