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

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

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

在JavaScript中,除了 Promiseasync/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),代码嵌套过深,难以维护。

立即学习“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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
MindAR:使用单个.mind文件加载并关联多个GLTF模型
上一篇 2025年12月20日 16:41:55
如何利用 CSS-in-JS 技术动态地管理组件的样式和主题?
下一篇 2025年12月20日 16:42:07

相关推荐

  • VSCode如何实现代码版本对比 VSCode Git差异对比的高效使用方法

    vscode通过scm视图直接对比工作区与head的差异;2. 点击已暂存文件可查看暂存区与head的差异;3. 通过命令面板、scm历史记录或右键菜单可对比任意版本或文件;4. 差异视图支持并排和内联模式,并提供跳转导航;5. 时间线视图可追溯文件级提交历史并对比各版本;6. gitlens扩展增…

    2026年9月23日
    500
  • mysql索引怎么用 mysql创建索引提高查询性能方法

    mysql索引怎么用 mysql创建索引提高查询性能方法mysql索引怎么用 mysql创建索引提高查询性能方法mysql索引怎么用 mysql创建索引提高查询性能方法mysql索引怎么用 mysql创建索引提高查询性能方法

    索引是mysql中提高查询性能的关键工具,它类似于书籍目录,可快速定位数据。创建索引主要使用create index或alter table语句,例如:create index idx_email on users (email); 或 alter table users add index idx…

    2026年9月23日 用户投稿
    000
  • Java中基于栈验证JSON字符串结构有效性的方法

    本文探讨了在Java中利用栈(Stack)数据结构验证JSON字符串结构有效性的方法。我们将分析一个常见的基于栈的实现示例,指出其在处理字符串内部字符、引号平衡以及转义字符方面的潜在缺陷。文章将提供一个改进的解决方案,并强调此方法主要用于结构匹配,而非完整的JSON语法验证,同时建议生产环境中使用专…

    2026年9月23日
    100
  • 快手极速版官方网页版地址_快手极速版App下载官网首页

    快手极速版官方网页版地址在哪里?这是不少网友都关注的,接下来由PHP小编为大家带来快手极速版官方网页版地址及App下载相关信息,感兴趣的网友一起随小编来瞧瞧吧! https://www.kuaishou.com/ 1、小步骤内容。进入官网后可直接浏览平台首页推荐内容,涵盖生活记录、才艺展示等多个领域…

    2026年9月23日
    200
  • Flink项目实践 | Flink 单机安装部署

    Flink项目实践 | Flink 单机安装部署Flink项目实践 | Flink 单机安装部署Flink项目实践 | Flink 单机安装部署Flink项目实践 | Flink 单机安装部署

    apache flink 是一个用于对无界和有界数据流进行状态计算的框架和分布式处理引擎。flink 设计旨在所有常见集群环境中运行,并以内存速度和任意规模进行计算。 为了深入了解 Flink,首先需要搭建其运行环境。 Flink 可以在所有类似 UNIX 的环境中运行,包括 Linux,Mac O…

    2026年9月23日 用户投稿
    200
  • Windows系统安装MySQL的完整步骤是什么?

    Windows系统安装MySQL的完整步骤是什么?Windows系统安装MySQL的完整步骤是什么?Windows系统安装MySQL的完整步骤是什么?Windows系统安装MySQL的完整步骤是什么?

    安装#%#$#%@%@%$#%$#%#%#$%@_81c++3b080dad537de7e10e0987a4bf52e前需准备系统兼容性、硬件资源、前置运行时库、管理员权限及排查端口冲突。1. 系统兼容性:确保使用windows 10/11或对应server版本;2. 硬件资源:建议至少4gb内存;…

    2026年9月23日 用户投稿
    100
  • 如何在AdobeFresco导出AI生成的画作?快速保存图像的教程

    答案:Adobe Fresco支持PNG、JPG、PSD、PDF和MP4等导出格式。PNG适合透明背景和高质量网络展示;JPG适用于小文件、快速分享的有损压缩图像;PSD保留图层与矢量信息,便于在Photoshop中继续编辑;PDF适合打印和跨平台文档共享;MP4用于导出创作延时视频。选择格式时需根…

    2026年9月23日
    100
  • 优化 Laravel Nova 长耗时操作的响应消息持久化显示

    本文旨在解决 Laravel Nova 中耗时操作(如数分钟)的响应消息(Toast)短暂显示问题。针对默认 Action::message() 无法提供持久化反馈的局限性,我们将深入探讨如何利用 Laravel Nova 4 的通知功能,实现更持久、可交互且用户友好的操作完成提示,确保用户不会错过…

    2026年9月23日
    000
  • UC浏览器怎么恢复已删除的书签_UC浏览器恢复已删除书签方法

    可通过回收站、账号同步或备份文件三种方法找回UC浏览器删除的书签:首先尝试在书签管理中进入回收站恢复近期删除的条目;若开启过同步功能,可登录UC账号重新同步云端数据;若有HTML格式的备份文件,可通过导入功能将书签重新载入。 如果您在使用UC浏览器时误删了重要的书签,导致无法快速访问常用网站,可以通…

    2026年9月23日
    100
  • VSCode配置MacOS C环境 详细图解VSCode搭建C++开发

    在mac++os上用vscode配置c/c++环境的关键是安装xcode command line tools以获取clang编译器和lldb调试器,然后安装vscode的c/c++扩展,接着创建项目文件夹和源文件,通过配置tasks.json定义编译任务,确保使用clang编译当前文件并生成可执行…

    2026年9月23日
    100
  • Java JSON字符串有效性验证:基于栈的实现与常见陷阱

    本文深入探讨了使用Java栈结构验证JSON字符串有效性的方法。通过分析一个常见错误示例,详细阐述了在处理括号、方括号以及字符串引号时的正确逻辑,特别强调了字符串内部字符(包括转义字符)不应影响结构平衡的原则,并提供了改进思路,旨在帮助开发者构建健壮的JSON验证器。 JSON结构与栈的适用性 JS…

    2026年9月23日
    000
  • 悟空浏览器提示证书错误或无效怎么办_悟空浏览器证书错误或无效问题解决方案

    首先检查系统时间和日期是否准确,开启自动同步;其次清除悟空浏览器缓存或更新至最新版本;若为自签名证书可手动安装信任;排除安全类应用干扰并重置网络设置以解决证书错误问题。 如果您在使用悟空浏览器访问某个网站时,收到“证书错误”或“证书无效”的提示,这通常意味着浏览器无法验证该网站的安全证书,可能由系统…

    2026年9月23日
    000
  • Snagit的AI工具怎么裁剪图片?教你精准完成图片裁剪方法

    Snagit的AI工具怎么裁剪图片?教你精准完成图片裁剪方法Snagit的AI工具怎么裁剪图片?教你精准完成图片裁剪方法Snagit的AI工具怎么裁剪图片?教你精准完成图片裁剪方法Snagit的AI工具怎么裁剪图片?教你精准完成图片裁剪方法

    Snagit虽无一键AI裁剪,但通过魔棒、智能移动等智能工具辅助选区,结合裁剪功能可高效精准裁剪;关键在于利用颜色识别与对象分离技术提升效率,避免纯手动操作,再通过调整比例、放大细节、善用撤销等功能优化结果。 ☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 免费无限量使用 DeepSeek R…

    2026年9月23日 用户投稿
    000
  • Java javac 命令与当前工作目录解析

    在Java编译环境中,javac命令的“当前目录”指的是命令被执行的物理位置,而非源文件所在的目录。理解这一概念对于正确配置和管理Java项目的编译路径至关重要,特别是当默认的classpath设置为.时,它决定了编译器查找类文件的起点。 1. javac 命令与当前工作目录的定义 在操作系统中,当…

    2026年9月23日
    100
  • 苹果 iPhone Air 今日正式发售:仅支持 eSIM,起售价 7999 元

    10 月 22 日消息,苹果全新 iphone air 于今日上午 8:00 正式开售,起售价定为 7999 元。值得关注的是,该机型仅支持 esim 功能,用户需持本人有效身份证件前往运营商实体营业厅完成实名核验与服务激活。现阶段仍处于商用试验阶段,暂未开放线上办理通道。 iPhone Air 搭…

    2026年9月23日
    200
  • VSCode调试JavaScript代码(详细图解,前端必学技能)

    掌握VSCode调试JavaScript需先安装Node.js和VSCode,创建项目及app.js文件后,配置launch.json,设置断点并启动调试,通过变量面板和控制台检查值,结合条件断点、日志点、监听表达式等技巧提升效率;调试浏览器代码需安装Chrome或Edge调试插件,配置url和we…

    2026年9月23日
    200
  • UC浏览器怎么把英文网页翻译成中文_UC浏览器网页翻译功能使用方法

    UC浏览器支持英文网页翻译为中文,操作包括:1、加载英文页后点击地址栏“翻译”按钮并选“翻译成中文”;2、若无翻译按钮,可点击菜单中的“网页翻译”选项完成整页转换;3、在设置中将默认翻译语言设为中文(简体或繁体),实现访问时自动翻译。 如果您在浏览英文网页时遇到语言障碍,UC浏览器提供了便捷的网页翻…

    2026年9月23日
    500
  • Bash Shell 中单引号和双引号的区别

    Bash Shell 中单引号和双引号的区别Bash Shell 中单引号和双引号的区别Bash Shell 中单引号和双引号的区别Bash Shell 中单引号和双引号的区别

    在 linux 命令行中,引号是处理文件名中的空格和特殊字符的常用工具。引号在 shell 脚本中具有“特殊功能”,可能让初学者感到困惑。让我们详细探讨不同类型的引号字符及其在 shell 脚本中的用法。 有四种不同类型的引号字符: 单引号 ‘双引号 “反斜杠 反引号 ` 除…

    2026年9月23日 用户投稿
    500
  • UC浏览器官方网页版登录入口 UC浏览器最新官网链接

    UC浏览器官方网页版登录入口在官网https://www.ucweb.com/,点击顶部“网页版”选项并登录账号即可使用。 UC浏览器官方网页版登录入口在哪里?这是不少网友都关注的,接下来由PHP小编为大家带来UC浏览器最新官网链接,想了解UC浏览器功能特点的网友一起随小编来瞧瞧吧! https:/…

    2026年9月23日
    700
  • Linux中如何查看服务日志?journalctl与syslog使用指南

    Linux中如何查看服务日志?journalctl与syslog使用指南Linux中如何查看服务日志?journalctl与syslog使用指南Linux中如何查看服务日志?journalctl与syslog使用指南Linux中如何查看服务日志?journalctl与syslog使用指南

    排查linux服务问题时,首选journalctl或syslog类系统查看日志。journalctl适用于systemd系统,可查看内核消息、服务启动输出等,支持按时间、单元、优先级过滤;syslog适用于传统系统,需服务主动发送日志,支持集中管理。掌握两者使用能有效定位问题。 在Linux系统中排…

    2026年9月23日 用户投稿
    100

发表回复

登录后才能评论
关注微信