Flutter异步Future执行顺序异常问题求助

核心原因 #

你遇到的执行顺序异常，本质是**_getProducts函数没有正确等待内部的异步操作完成**，就提前返回了结果。

看你的代码细节：

Future<bool> _getProducts() async {
  father.Reload().then((value){
    // 这里的逻辑属于独立异步链，但函数本身没等它完成
    if(value != null && value is bool && value){
      print("1 finished");
      return Future.value(true);
    }
    return Future.value(true);
  });
  // 直接返回false，完全没关联上面的异步操作
  return Future.value(false);
}

调用_getProducts()时，它会立刻启动father.Reload()的异步任务，但没有等待这个任务及其回调完成，直接返回了Future.value(false)。所以外层的await _getProducts()会瞬间执行完成，紧接着打印“2 finished”；而father.Reload()的回调要等到HTTP请求等操作结束后才会触发，自然就出现了顺序颠倒的情况。

另外，你在then回调里返回的Future.value(true)也没有意义——这个返回值并没有和_getProducts的返回值绑定，函数已经提前返回了false的Future。

解决办法 #

我们需要让_getProducts真正等待father.Reload()的所有操作完成后再返回结果，有两种清晰的写法：

写法1：用await替代then（更推荐，代码可读性更高） #

Future<bool> _getProducts() async {
  final value = await father.Reload(); // 等待father.Reload()执行完成
  if(value != null && value is bool && value){
    print("1 finished");
    return true; // async函数中直接返回值会自动包装为Future
  }
  return true;
}

Future<void> Reload() async {
  await _getProducts(); // 等待_getProducts的所有逻辑完成
  print("2 finished");
}

写法2：正确返回then的Future（如果偏好链式调用） #

Future<bool> _getProducts() async {
  // 返回then的Future，让_getProducts的结果依赖这个异步链
  return father.Reload().then((value){
    if(value != null && value is bool && value){
      print("1 finished");
      return true;
    }
    return true;
  });
  // 注意：这里不要再单独返回Future.value(false)！
}

Future<void> Reload() async {
  await _getProducts();
  print("2 finished");
}

修改后，_getProducts会完整等待father.Reload()及其回调的所有操作结束，再返回结果。外层的await _getProducts()会等到这一切完成后，才执行print("2 finished")，顺序就会变成先打印“1 finished”，再打印“2 finished”了。

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