当前位置: 首页 > article >正文

js实现异步的方法

所有异步任务都是在同步任务执行结束之后,从任务队列中依次取出执行。

回调函数是异步操作最基本的方法,比如AJAX回调,回调函数的优点是简单、容易理解和实现,缺点是不利于代码的阅读和维护,各个部分之间高度耦合,使得程序结构混乱、流程难以追踪(尤其是多个回调函数嵌套的情况),而且每个任务只能指定一个回调函数。此外它不能使用 try catch 捕获错误,不能直接 return Promise包装了一个异步调用并生成一个Promise实例,当异步调用返回的时候根据调用的结果分别调用实例化时传入的resolve 和 reject方法,then接收到对应的数据,做出相应的处理。Promise不仅能够捕获错误,而且也很好地解决了回调地狱的问题,缺点是无法取消 Promise,错误需要通过回调函数捕获。 Generator 函数是 ES6 提供的一种异步编程解决方案,Generator 函数是一个状态机,封装了多个内部状态,可暂停函数, yield可暂停,next方法可启动,每次返回的是yield后的表达式结果。优点是异步语义清晰,缺点是手动迭代`Generator` 函数很麻烦,实现逻辑有点绕 async/awt是基于Promise实现的,async/awt使得异步代码看起来像同步代码,所以优点是,使用方法清晰明了,缺点是awt 将异步代码改造成了同步代码,如果多个异步代码没有依赖性却使用了 awt 会导致性能上的降低,代码没有依赖性的话,完全可以使用 Promise.all 的方式。 加分回答 JS 异步编程进化史:callback -> promise -> generator/yield -> async/awt。 async/awt函数对 Generator 函数的改进,体现在以下三点: - 内置执行器。 Generator 函数的执行必须靠执行器,而 async 函数自带执行器。也就是说,async 函数的执行,与普通函数一模一样,只要一行。 - 更广的适用性。 yield 命令后面只能是 Thunk 函数或 Promise 对象,而 async 函数的 awt 命令后面,可以跟 Promise 对象和原始类型的值(数值、字符串和布尔值,但这时等同于同步操作)。 - 更好的语义。 async 和 awt,比起星号和 yield,语义更清楚了。async 表示函数里有异步操作,awt 表示紧跟在后面的表达式需要等待结果。 目前使用很广泛的就是promise和async/awt

 


http://www.kler.cn/a/545746.html

相关文章:

  • Vue3(2)
  • 责任链模式——C++实现
  • Kernel之Tcpdump和Netfilter
  • Node.js中的模块化:从原理到实践
  • 云原生AI Agent应用安全防护方案最佳实践(下)
  • 【安全测试】0基础新手学Web安全测试笔记(一)
  • ffmpeg --protocols
  • 【Android】设计一个圆角矩形的WebView
  • (2025)深度分析DeepSeek-R1开源的6种蒸馏模型之间的逻辑处理和编写代码能力区别以及配置要求,并与ChatGPT进行对比(附本地部署教程)
  • vue项目使用vite和vue-router实现history路由模式空白页以及404问题
  • 5、pod 详解 (kubernetes)
  • 【博客之星】GIS老矣尚能饭否?WebGIS项目实战经验与成果展示
  • 07-1.React学习笔记.React脚手架介绍
  • 如何获取,CPU,GPU,硬盘,网卡,内存等硬件性能监控与各项温度传感器
  • 动态规划——路径问题②
  • QML使用ChartView绘制折线图
  • Hybrid Automatic Repeat Request (HARQ)
  • 计算机网络知识速记:HTTP/2.0与HTTP/1.1
  • 业务干挂数据库,Oracle内存分配不足
  • 缓存机制与 Redis 在高性能系统中的应用