我们已经初步的学会了Future的使用,接下来我们了解一下关于异步编程的知识点;

异步编程

首先,我们来看一段代码,如下:

  1. void main() {
  2. testFuture();
  3. print('A');
  4. }
  5. void testFuture() {
  6. Future(() {
  7. sleep(const Duration(seconds: 1));
  8. print('C');
  9. });
  10. print('B');
  11. }

执行结果:
iShot2021-11-13 20.32.14.gif
可以看到此时输出结果B、A、C,此时都是同步执行的;

我们在Future后边添加then方法,执行结果:
iShot2021-11-13 20.37.14.gif
可以看到,此时依然还是同步执行的,只不过在C处理完之后,处理了D;最终打印结果为B、A、C、D

那么我们添加上asyncawait会是什么效果呢?
iShot2021-11-13 20.39.23.gif
可以看到此时的打印顺序明显的发生了变化,结果为A、C、D、B,这个时候整个testFuture方法变成了异步的;在testFuture方法内部,因为添加了await标识,所以B需要等待Future方法执行完成再执行;

添加了asyncawait之后,方法变成了异步的;

多个Future任务

我们在testFuture方法中添加多个Future任务,代码及执行结果如下:
iShot2021-11-13 20.50.16.gif
可以看到,我们执行多次,结果都是四个任务按照顺序执行的;那么我们在其中一个任务中进行sleep操作呢:
iShot2021-11-13 20.54.19.gif
虽然我们在任务2中延迟了操作,但是任务依然是按照顺序执行了;四个任务按照代码的添加顺序有序进行操作,是一个有序的队列;

任务的依赖

我们在实际开发过程中,如果无法判断多个任务的执行顺序,而其中任务有存在依赖关系的时候,那么应该如何处理呢?

这个时候就需要使用then方法进行处理了,代码如下:

  1. void testFuture() async {
  2. Future(() {
  3. return '任务1';
  4. }).then((value) {
  5. sleep(const Duration(seconds: 1));
  6. print('$value 结束');
  7. return '任务2';
  8. }).then((value) {
  9. print('$value 结束');
  10. return '任务3';
  11. }).then((value) {
  12. print('$value 结束');
  13. return '任务4';
  14. });
  15. }

Future.wait

有的时候,我们需要等待多个异步任务都执行结束之后才进行下一步操作,这个时候我们需要使用Future.wait,它接受的是一个Future数组,只有数组中的Future都执行完成之后,才会触发then的回调,只要有其中任一个Future执行失败,就会触发错误回调。

成功回调

image.png
四个任务都执行完成之后,最终的then才会进行回调,并且then中返回的value是四个Future方法返回值的数组形式;

异常回调

image.png
虽然四个任务都执行了,但是其中的任务2抛出了异常,最终结果then没有调用,而catchError被触发;