js异步编程如何解决?

一、 回调函数

回调是一个函数被作为一个参数传递到另一个函数里,在那个函数执行完后再执行。( 即:B函数被作为参数传递到A函数里,在A函数执行完后再执行B )

  • 优点:简单,方便,易用
  • 缺点:易造成回调函数地狱,回调函数中嵌套多个回调函数,因为多个异步操作造成强耦合,代码乱做一团,无法管理。

二、事件监听

  • 优点:与回调函数相比,事件监听实现了代码的解耦,方便代码管理
  • 缺点:使用不方便,每次都要手动地绑定和触发事件

三、 promise

  • 优点:将回调函数嵌套调用变成了链式调用,解决了回调地狱,逻辑更强,执行顺序更清楚
  • 缺点:代码冗余,异步操作都被包裹在Promise构造函数和then方法中,主题代码不明显,语义不清楚

四、async/await

async函数是generrator函数的语法糖,它相当于一个自带执行器的generator函数
async函数中的await接收一个Promise对象

  • 优点:最简洁,最符合语义,使得异步代码看起来像同步代码,避免了嵌套代码,- 最适合处理多个Promise异步操作
  • 缺点:js语言自带的async执行器功能性可能没有co模块等执行器强,如果多个异步代码没有依赖性却使用了 await 会导致性能上的降低

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值