jQuery 第十章 ajax 什么是回调地狱 优化回调地狱
阅读原文时间:2023年07月08日阅读:1

回调地狱

什么是回调地狱,回调函数,一个嵌套着一个,到最后,缩略图成了 一个三角形, 造成了可阅读性差,可阅读性差就代表代码的可维护性 和 可迭代性差,最后还有一个就是可扩展性差。

也不符合设计模式的六大原则, 其中的  单一职责原则, 和 开闭原则

单一职责原则:  尽量让一个函数只做一件事情

开闭原则:函数应该对扩展开放,对修改关闭

接下来看一下什么是回调地狱:

小案例的效果图:

下面的代码虽然能实现这个功能,但是如果按照这种做法,功能一多,回调函数会一个嵌套一个, 最后的代码会形成一个三角区。

1
2 3 4 5 6 7 Document 8 41 42 43 44

45
46 47

48
49
50 51 52 118 119

下面利用 $.Deferred() 和 .then()  解决回调地狱, 并没有形成三角区,而是直线,而且一个回调函数只做一件事。 不像上面的 第一个回调函数一样,一个回调函数,做了全部事情

1
2 3 4 5 6 7 Document 8 41 42 43 44

45
46 47

48
49
50 51 52 126 127