JavaScript方法执行顺序问题：确保B()在A()执行完成后运行

我明白你的问题了——你要让包含异步AJAX的方法A完全执行完成后，再执行方法B，普通的同步方法链式调用（比如返回this）根本不管用，因为AJAX是异步操作，方法A会先返回，而AJAX请求还在后台跑。下面给你几个适配jQuery场景的靠谱实现方案：

方法1：用Promise封装A实现链式调用 #

把方法A改成返回一个Promise对象，这样就能用.then()来链式调用B，确保B在A的AJAX请求完成后执行：

$(document).ready(function(){
  // 封装A为返回Promise的方法
  function A(){
    return new Promise((resolve, reject) => {
      $.ajax({
        type: 'GET',
        url: "https://rickandmortyapi.com/api/character/",
        dataType: "json",
        success: function(data){
          // 这里写A成功后的业务逻辑
          console.log('A执行完成，获取到数据:', data);
          resolve(data); // 标记A执行完成，把数据传给后续方法
        },
        error: function(err){
          console.error('A执行失败:', err);
          reject(err); // 标记A执行失败，传递错误信息
        }
      });
    });
  }

  function B(dataFromA){
    console.log('B开始执行，使用A返回的数据:', dataFromA);
    // 这里写B的业务逻辑
  }

  // 链式调用：A完成后自动执行B
  A().then(B).catch(err => console.error('链式调用出错:', err));
});

方法2：利用jQuery自带的Deferred对象 #

jQuery的$.ajax本身就返回一个实现了Deferred接口的jqXHR对象，所以不用额外封装Promise，直接返回这个对象就能链式调用：

$(document).ready(function(){
  function A(){
    // 直接返回$.ajax的结果（自带Deferred能力）
    return $.ajax({
      type: 'GET',
      url: "https://rickandmortyapi.com/api/character/",
      dataType: "json"
    }).done(function(data){
      // A成功后的处理逻辑
      console.log('A执行完成:', data);
    }).fail(function(err){
      console.error('A执行失败:', err);
    });
  }

  function B(dataFromA){
    console.log('B执行，接收A的数据:', dataFromA);
    // 这里写B的业务逻辑
  }

  // 链式调用，A完成后执行B
  A().then(B);
});

方法3：用async/await简化异步流程 #

如果你的环境支持ES6+，可以用async/await让代码看起来更像同步写法，逻辑更清晰：

$(document).ready(async function(){ // 给ready回调加async标记
  function A(){
    // 直接返回$.ajax的结果（它会被自动包装为Promise）
    return $.ajax({
      type: 'GET',
      url: "https://rickandmortyapi.com/api/character/",
      dataType: "json"
    });
  }

  function B(dataFromA){
    console.log('B执行:', dataFromA);
    // 这里写B的业务逻辑
  }

  try {
    const data = await A(); // 等待A的AJAX请求完成
    B(data); // 再执行B
  } catch(err) {
    console.error('操作出错:', err); // 捕获A或B的错误
  }
});

核心原理说明 #

普通的方法链式调用依赖方法返回自身（return this），但这种方式只适用于同步方法。因为AJAX是异步操作，方法A会在请求发送后立即返回，而不是等请求完成。所以必须用异步流程控制工具（Promise/Deferred/async-await）来“等待”A的异步操作完成，再触发B的执行。

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