Flutter循序渐进==＞既要又要的异步技术

我们来讨论前途Future

我既要赚钱，又要迎娶梦中女神阿香，按照传统程序，要么赚钱完了，娶阿香，要么娶了阿香再赚钱，不能一起做，这种所谓同步技术的坏处显而易见，等赚到钱，阿香已经嫁给他人，或者娶了阿香，由于没钱，阿香还是跟人跑了。现在有了异步技术，可以赚钱和娶女神两不误。这是生活中的例子。

工作中的例子，平时我们玩的程序，都是一步执行完了，才搞下一步，这是所谓同步技术。我写个爬图片程序，需要一张一张图片的request，虽然比手动下载快一些，但是1000张图片也要1000秒，至少。如果有了异步技术，1000张图片最多也就几秒钟时间，效率提高了几百倍。

这好比是个占位符，爬取图片的时候我们有个印象，就是1000张图片一起下载到了电脑里面，然后再逐渐显示出来，意思是先占1000个位置，然后才开始做事，争先恐后的显示出来。

Future的金钱美女篇

源码解析

Future fetchUserData(){
  //Future.delayed(Duration(seconds: 20), ()=>‘阿香’); 创建了一个在未来20秒之后解析的Future。这里，Duration(seconds: 20)定义了延迟的时间，即20秒。
  // ()=>'阿香' 是一个简写形式的匿名函数（lambda表达式），没有参数，直接返回阿香。
  // 这意味着在延迟时间结束后，这个Future将会解析并给出结果阿香。
  return Future.delayed(Duration(seconds: 20),()=>'阿香');
}

void main(){
  print('努力赚钱中......');
  //fetchUserData().then((result){...});
  // 调用fetchUserData()函数，该函数返回一个Future。然后使用.then(...)方法注册一个回调函数，该回调会在Future完成且有结果时被调用。回调函数就是用来等待结果出现的，出现了就薅过来。
  // 回调函数(result){print('用户获取数据：$result');}接收到fetchUserData()解析的结果
  // （在这个例子中是42），并打印出一条包含该结果的消息。
  fetchUserData().then((result){
    print('迎娶梦中女神：$result');
  });
  //不会等待fetchUserData()中的Future完成，立即完成
  print('已经财富自由......');
}

效果图

async和wait的事业爱情

刚才说的太露骨了，金钱美女，现在我改个说法，事业爱情大丰收。

fetchLove() 和 fetchCareer() 两个异步操作是几乎同时运行的。

当使用 Future.wait([fetchLove(), fetchCareer()]) 时，Future.wait 会接收一个 Future 对象的列表，并等待所有这些 Future 完成。它会在所有 Future 都解决（resolve）后返回一个结果列表，且这些 Future 任务是在并发（concurrently）而非连续（sequentially）的情况下执行的。这意味着 fetchLove() 和 fetchCareer() 几乎会同时开始执行，各自等待它们各自的 5 秒延迟，而不需要一个等待另一个完成。

因此，"为爱情事业打拼......" 打印后，fetchLove() 和 fetchCareer() 将几乎同时开始执行，各自由于执行其内部的延时操作。在两个操作都完成后，results 会接收到一个列表，其中 results[0] 是 fetchLove() 的返回值，results[1] 是 fetchCareer() 的返回值，随后会打印出相应的信息。这样，确实实现了两个异步操作的同时进行，提高了效率。

代码

Future<String> fetchLove() async {
  await Future.delayed(Duration(seconds: 5));
  return '和阿香的爱情';
}
 
Future<String> fetchCareer() async {
  await Future.delayed(Duration(seconds: 5));
  return '上市公司';
}
 
void main() async{
  print('为爱情事业打拼......');
  final results = await Future.wait([fetchLove(),fetchCareer()]);
  final love = results[0];
  final career = results[1];
  print('收获了$love');
  print('有了自己的$career');
}

效果图