ajax 同步回调函数,JavaScript回调函数的使用心得（同步调用以及解耦合）

一、同步和异步

在前端JavaScript的应用中，如果要代码指定顺序执行，就不得不提到同步和异步了。先来讲讲什么是同步，什么是异步。按个人理解，异步就是不同的路，不同的路同时执行，互不影响，没有先后顺序，谁速度快，谁就先执行完。同步就是相同的路，同一条路只能有一个在执行，必须有先后顺序，先执行完一个，才能执行后面那个。ajax请求，默认是异步请求。多个ajax请求可以同时发起，执行顺序不定。适用于互不影响的场景。也可以将请求设置为同步的，那么在ajax请求未执行完成之前，页面会挂起，等待执行完成后，才会继续执行其他的代码。适用于存在逻辑顺序的场景，比如第二个请求的参数，来源于第一个请求的结果。

二、回调函数

关于回调函数的理解，可以参考彻底理解JavaScript中回调函数 (推荐)

基于上一点中提到的先后顺序的问题，另外还有一种情况也能达到效果，那就是回调函数。ajax有success成功的回调函数，将第二个请求放在第一个ajax的success中执行，也能保证顺序，这是最常见回调函数。

如果有几个请求，每个请求都要依赖上一个请求的返回结果，全部都写在回调函数success中，会怎么样呢？代码是不是很庞大，可阅读性会大大降低，那该怎么做呢。

再比如，当前有一个场景，后台接口提供了一个公共的查询方法，根据参数类型可以查询不同的值域集合返回到前端。在前端在根据返回的结果生成html代码填充到页面上。如果值域类型很多，为每个类型都写一个ajax请求，那会使得效率低下。如果