首页 > 其他分享 >JS实现异步的方法:回调函数callback、事件监听、setTimeout、Promise、生成器Generators/yield、async/awt

JS实现异步的方法:回调函数callback、事件监听、setTimeout、Promise、生成器Generators/yield、async/awt

时间:2022-09-05 13:13:12浏览次数:155  
标签:异步 函数 awt 生成器 yield Promise async setTimeout

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

回调函数是异步操作最基本的方法,比如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

标签:异步,函数,awt,生成器,yield,Promise,async,setTimeout
From: https://www.cnblogs.com/yueyiviolet/p/16657738.html

相关文章

  • python 生成器与迭代器
    生成器生成器:节省空间#generator生成器f=[iforiinrange(1,1001)]#列表f=(iforiinrange(1,1001))#生成器在创建列表是,会在内存中全部创建出来,......
  • 【js】for 循环中使用 setTimeout 的问题
    问题:下面代码的输出结果不是间隔3秒依次输出1,2,3,4,5。而是隔了3秒连续输出6。这是为什么呢?for(vari=1;i<=5;i++){setTimeout(functiontimer(){......
  • fastposter v2.9.2 最简海报生成器
    fastposterv2.9.2程序员必备海报生成器......
  • 使用嵌套的 setTimeout 值得吗?
    使用嵌套的setTimeout值得吗?有许多服务需要在某个定义的时间之后或在定义的时间间隔内执行。为了在一段时间后运行某些功能,我们使用setTimeout获取在定义时间之后执......
  • C# net PDMan/CHINER/元数建模 生成SqlSugar 代码生成器模板
    C#netPDMan/CHINER/元数建模生成SqlSugar代码生成器模板C#netPDManCHINER元数建模生成SqlSugar代码生成器模板 在版本>=4.0.0版本中增加分类 代码生成器......
  • js -- setTimeout 实现倒计时不准确的问题
    setTimeout、setInterval属于定时触发器线程属于macrotask,它的回调会受到GUI渲染、事件触发、http请求、等的影响。所以这两个不适合做精准的定时。最好的方法是定时矫正......
  • 洛谷 P6862 [RC-03] 随机树生成器 绿 题解
    前言模数要模\(1e9+9\)!!模数要模\(1e9+9\)!!模数要模\(1e9+9\)!!结论\(n\)个点的树的形态有\((n-1)!\)个,对于节点\(k\),它的所有度数和为\((n-1)!\left(\sum\limits_{......
  • python基础-生成器,列表推到式
    python基础-生成器,列表推到式 一. 生成器什么是生成器?.生成器实质就是迭代器.在python中有三种方式来获取生成器:通过生成器函数通过各种推导式来实......
  • setTimeout、setInterval 和 requestAnimationFrame
    与setTimeout和setInterval不同,requestAnimationFrame不需要设置时间间隔,大多数电脑显示器的刷新频率是60Hz,大概相当于每秒钟重绘60次。大多数浏览器都会对重绘......
  • es6——生成器函数
    文章结构生成器函数的定义与使用给生成器函数传参给生成器函数异步传参生成器函数的应用场景解决回调地域1//生成器函数的定义与使......