JavaScript,冲鸭系列——对于JavaScript异步模式的总结
2018-11-15 11:50
387 查看
推荐一篇博文,内容较丰富,觉得内容太长了可以看笔者在下面的总结:-D
大背景:
从最早的静态网页到需要外部动态抓取网页内容,出现了异步模式的需求,按时间出现了:回调(Callback)、Promise 和 Async/Await。
作者从最简单的js函数入手,介绍函数不仅可以可以自己独立执行,也可以作为参数传入别的函数被调用,前者称为回调函数,后者被称为高阶函数。
回调函数:
高阶、回调函数的例子
使用场景:
- 对于从一个值转换成另一个值的场景(同步回调);
- 用户在与应用进行交互时,按需抓取外部的数据(异步回调);
缺点:
- “回调地狱”,代码不符合人类序列化的思考方式,难以阅读,即使进行了模块化也只是“隔靴搔痒”;
- “控制反转”,利用回调函数与第三方库交互时,完全无法控制回调函数何时被调用以及使用什么参数进行调用
Promise:
作用:
为了让异步请求所带来的复杂性更容易管理
相关文章推荐
- 初涉JavaScript模式系列 阶段总结及规划
- 深入理解JavaScript系列(34):设计模式之命令模式详解
- 深入理解JavaScript系列(44):设计模式之桥接模式详解
- 深入理解JavaScript系列(25):设计模式之单例模式
- 设计模式总结篇系列:命令模式(Command)
- 设计模式系列:总结
- JavaScript进阶设计模式系列——基础篇——高阶函数
- 深入理解JavaScript系列(26):设计模式之构造函数模式
- CDC不同模式在ODI体现系列之二 异步模式
- 深入理解JavaScript系列(37):设计模式之享元模式
- 深入理解JavaScript系列(32):设计模式之观察者模式
- 深入理解JavaScript系列(49):Function模式(上篇)
- 设计模式总结篇系列:单例模式(SingleTon)
- 深入理解JavaScript系列(3):全面解析Module模式
- 深入理解JavaScript系列(28):设计模式之工厂模式
- 深入理解JavaScript系列(35):设计模式之迭代器模式
- 深入理解JavaScript系列(47):对象创建模式(上篇)
- Javascript MVVM模式前端框架—Knockout 2.1.0系列(6):控制流Control Flow(上篇)
- 深入理解JavaScript系列(34):设计模式之命令模式
- 深入理解JavaScript系列(49):Function模式(上篇)