AngularJS 1.6：服务成功响应后如何同时调用两个函数？

当然可以！在AngularJS 1.6版本中，当服务请求（不管是内置的$http还是你自己封装的自定义服务）拿到成功响应后，完全可以同时调用两个甚至多个函数，这里有几种实用的实现方式，我给你详细说说：

AngularJS 1.6里官方已经弃用了旧的success()/error()方法，推荐用then()来处理Promise的回调。你可以在then()的成功回调函数内部，直接按顺序调用两个函数——如果它们是同步逻辑的话，这种方式最简单直接：

// 示例：调用自定义服务的请求
myDataService.fetchUserInfo()
  .then(function(response) {
    // 第一个要执行的函数，传入响应数据
    updateUserProfile(response.data);
    // 第二个要执行的函数，同样可以用响应数据
    syncUserSettings(response.data);
  })
  .catch(function(error) {
    // 别忘了处理请求失败的情况
    console.error('请求出错啦:', error);
  });

// 定义两个业务函数
function updateUserProfile(userData) {
  console.log('更新用户资料:', userData);
  // 这里写你的业务逻辑
}

function syncUserSettings(userData) {
  console.log('同步用户设置:', userData);
  // 这里写第二个业务逻辑
}

如果你的两个函数本身是异步操作（比如需要再发起子请求、处理定时器逻辑），可以用AngularJS的$q.all()来让它们并行执行，这样能避免不必要的等待，提升效率：

// 依赖注入$q服务
angular.module('myApp').controller('MyController', ['$q', 'myDataService', function($q, myDataService) {
  myDataService.fetchUserInfo()
    .then(function(response) {
      var userData = response.data;
      // 把两个异步函数包装成Promise数组，并行执行
      return $q.all([
        uploadUserAvatar(userData),
        syncUserHistory(userData)
      ]);
    })
    .then(function(taskResults) {
      // taskResults是两个异步函数的返回结果，顺序和传入的Promise一致
      console.log('头像上传结果:', taskResults[0]);
      console.log('历史记录同步结果:', taskResults[1]);
    })
    .catch(function(error) {
      console.error('某个异步任务失败:', error);
    });

  // 示例异步函数，返回Promise
  function uploadUserAvatar(userData) {
    return $q(function(resolve) {
      // 模拟异步上传操作
      setTimeout(function() {
        resolve(`用户${userData.id}的头像上传完成`);
      }, 1200);
    });
  }

  function syncUserHistory(userData) {
    return $q(function(resolve) {
      setTimeout(function() {
        resolve(`用户${userData.id}的历史记录同步完成`);
      }, 800);
    });
  }
}]);

如果这两个函数经常需要一起被触发，你可以把它们封装成一个单独的组合函数，这样代码更整洁，也方便后续复用：

myDataService.fetchUserInfo()
  .then(function(response) {
    // 直接调用封装好的组合函数
    handleUserPostFetch(response.data);
  })
  .catch(function(error) {
    console.error('请求失败:', error);
  });

// 封装两个函数的逻辑
function handleUserPostFetch(userData) {
  updateUserProfile(userData);
  syncUserSettings(userData);
}

// 原业务函数不变
function updateUserProfile(userData) {
  console.log('更新用户资料:', userData);
}

function syncUserSettings(userData) {
  console.log('同步用户设置:', userData);
}

总结一下，AngularJS 1.6完全支持在服务请求成功后调用多个函数，你可以根据函数是同步还是异步、是否需要复用这些场景，选择最适合的实现方式。

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