js中解决异步编程的方案
2022/1/14 12:33:42
本文主要是介绍js中解决异步编程的方案,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
一、事件监听
- 优点:与回调函数相比,事件监听实现了代码的解耦,方便代码管理
- 缺点:使用不方便,每次都要手动地绑定和触发事件
二、回调函数
回调是一个函数被作为一个参数传递到另一个函数里,在那个函数执行完后再执行。( 即:B函数被作为参数传递到A函数里,在A函数执行完后再执行B )
- 优点:简单,方便,易用
- 缺点:易造成回调函数地狱,回调函数中嵌套多个回调函数,因为多个异步操作造成强耦合,代码乱做一团,无法管理
三、promise
- 优点:将回调函数嵌套调用变成了链式调用,解决了回调地狱,逻辑更强,执行顺序更清楚
- 缺点:代码冗余,异步操作都被包裹在Promise构造函数和then方法中,主题代码不明显,语义不清楚
四、async/await
async函数是generrator函数的语法糖,它相当于一个自带执行器的generator函数
async函数中的await接收一个Promise对象
- 优点:最简洁,最符合语义,使得异步代码看起来像同步代码,避免了嵌套代码,- 最适合处理多个Promise异步操作
- 缺点:js语言自带的async执行器功能性可能没有co模块等执行器强,如果多个异步代码没有依赖性却使用了 await 会导致性能上的降低
来源:https://www.jianshu.com/p/86b53c59ee5d
这篇关于js中解决异步编程的方案的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-30React Native常用组件-点击组件
- 2024-05-30uniapp+vue3+uv-ui手机端后台OA管理模板
- 2024-05-29Python网络爬虫的时候json=就是让你少写个json.dumps()
- 2024-05-27React Native常用组件-展示组件
- 2024-05-27React Native常用组件-列表组件
- 2024-05-09vue3开发前端表单缓存自定义指令,移动端h5必备插件
- 2024-05-09React Hooks在class组件中的使用方式
- 2024-03-30[OIDC in Action] 2. 基于OIDC(OpenID Connect)的SSO(纯JS客户端)
- 2024-03-29terraform jsonencode
- 2024-03-13vuex-persist