jQuery ajax 参数化回调与变量作用域：异步回调是否会出现响应混淆

你当前编写的代码完全不会出现回调与响应错配、参数混淆的问题，哪怕处理param=1的请求耗时比param=2更久，回调和响应的对应关系在请求发起时就已经完全固定。

核心原理拆解 #

• 每次调用doAjaxFunc都会创建独立的函数执行上下文，上下文内的param、callback都是本次调用独有的局部变量，不会被后续的同函数调用覆盖。
• 传给$.ajax的success匿名函数是典型的闭包，它会持续保留对所在执行上下文的引用，因此两次调用生成的两个success回调，各自捕获的是当次执行的callback引用：
  • 第一次执行doAjaxFunc(1, someCallback1)时生成的success回调，捕获的是指向someCallback1的引用
  • 第二次执行doAjaxFunc(2, someCallback2)时生成的success回调，捕获的是指向someCallback2的引用
• 无论是浏览器原生的AJAX实现，还是jQuery封装的$.ajax方法，本身就会严格维护单个请求实例的绑定关系：每个请求从创建开始，就和它绑定的success回调、自身的响应数据一一对应。只有当这个请求专属的响应返回时，才会触发绑定的success回调，并且传入的data就是这个请求的响应内容，绝不会把其他请求的响应传递进来。

容易引发混淆的误区对照 #

你担心的回调错配问题，只会在破坏执行上下文隔离性的写法下出现，典型的错误写法如下：

// 错误示例：存在回调错配风险
let sharedCallback; // 全局作用域的跨调用共享变量
function badDoAjaxFunc(param, callback) {
  sharedCallback = callback; // 每次调用都会覆盖全局共享变量
  $.ajax({
    type: 'GET',
    url: '/some/url/'+param,
    success: function(data){        
        sharedCallback(data); // 所有success回调都引用同一个全局变量
    },
    dataType:'json'
  });
}

这种写法下，哪怕param=1的请求比param=2先返回，最终触发的也是被第二次调用覆盖后的someCallback2，这才是真正会出现参数、回调混淆的场景。问题的根源不是AJAX的异步特性，而是跨调用共享了可变的全局变量，打破了每次函数调用的上下文隔离。

回到你原本的代码，由于把回调作为局部形参在独立的执行上下文内传递，全程没有共享可变的跨调用变量，就算两个请求的响应返回顺序和发起顺序完全反过来，每个回调拿到的也永远是自己对应请求的响应，不会出现错配。

内容的提问来源于stack exchange，提问作者Armen