旧状态控制器异步函数在新状态下执行代码的问题咨询

这种情况是完全符合预期的！因为AngularJS里的$http请求一旦发送出去，就属于浏览器的异步HTTP操作，和控制器的作用域生命周期是完全分开的——哪怕控制器的作用域已经被销毁，只要请求最终完成了，对应的回调函数还是会被触发，这就导致了你遇到的“状态B被意外重新加载”的问题。

那要怎么避免这种情况呢？给你几个实用的解决方案：

1. 在控制器销毁时主动取消请求 #

这是最彻底的方法，直接让未完成的请求终止，从根源上避免回调执行。AngularJS的$http支持通过timeout配置项来取消请求，具体实现如下：

angular.module('yourApp').controller('StateAController', function($scope, $http, $q) {
  // 创建一个defer对象，用来触发请求取消
  const cancelRequest = $q.defer();

  // 发起请求时，把defer的promise作为timeout参数
  const dataRequest = $http({
    method: 'GET',
    url: '/your-api-endpoint',
    timeout: cancelRequest.promise
  });

  dataRequest.then(response => {
    // 请求成功后的原操作，比如重新加载状态
    // ...
  }).catch(error => {
    // 可以在这里判断请求是否是被主动取消的
    if (error.statusText === 'canceled') {
      console.log('请求已随控制器销毁被取消');
    }
  });

  // 监听控制器销毁事件，触发请求取消
  $scope.$on('$destroy', () => {
    cancelRequest.resolve('控制器已销毁，取消请求');
  });
});

这样一来，当你切换到状态B、状态A控制器销毁时，未完成的请求会被立即取消，回调也就不会再执行了。

2. 在回调中检查作用域状态 #

如果你的请求必须完成（比如需要保证后端操作执行完毕），但不想让回调里的前端操作影响当前状态，可以在回调里先判断控制器作用域是否还存活：

angular.module('yourApp').controller('StateAController', function($scope, $http) {
  // 自己定义一个标志，代替内部的私有属性$$destroyed
  let isControllerDestroyed = false;

  $http.get('/your-api-endpoint').then(response => {
    // 先检查控制器是否已销毁
    if (isControllerDestroyed) return;
    
    // 只有控制器还在时，才执行原操作
    // ...
  });

  $scope.$on('$destroy', () => {
    isControllerDestroyed = true;
  });
});

这里用自定义标志代替了AngularJS内部的私有属性，使用起来更稳妥，不用担心版本更新导致的兼容问题。

3. 利用状态路由的生命周期钩子（针对ui-router） #

如果你用的是ui-router来管理状态，可以在状态的onExit钩子中处理请求取消，这样更贴合状态的生命周期逻辑：

$stateProvider.state('stateA', {
  url: '/stateA',
  controller: 'StateAController',
  controllerAs: 'vm',
  onExit: function($injector) {
    // 获取状态A的控制器实例
    const ctrl = $injector.get('$controller')('StateAController', { $scope: {} });
    // 调用控制器里封装好的取消方法
    ctrl.cancelPendingRequest();
  }
});

对应的，需要在控制器里把取消请求的逻辑封装成可调用的方法：

// 在StateAController里
this.cancelPendingRequest = () => {
  cancelRequest.resolve('状态退出，取消请求');
};

总结一下：核心思路就是要么终止未完成的请求，要么在回调里判断是否应该执行操作，这样就能避免已经销毁的控制器的回调影响当前活跃的状态了。

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