Future<void> asyncOperation1() async { await Future.delayed( Duration(seconds: 2), () => print('Async Operation 1')); } Future<void> asyncOperation2() async { await Future.delayed( Duration(seconds: 3), () => print('Async Operation 2')); } Future<void> asyncOperation3() async { await Future.delayed( Duration(seconds: 4), () => print('Async Operation 3')); }

如果你使用 await 方式执行它们，完成时间将是每个操作执行时间的总和，9 秒钟。

void awaitApproach() async { print('Start: ${DateTime.now()}'); await asyncOperation1(); await asyncOperation2(); await asyncOperation3(); print('End: ${DateTime.now()}'); } /* Start: 2024–02–18 12:08:30.205252 Async Operation 1 Async Operation 2 Async Operation 3 End: 2024–02–18 12:08:39.221854 */

使用 Future.wait 将会看到是并行执行的， 5 秒钟。

void futureWaitApproach() async { print('Start: ${DateTime.now()}'); await Future.wait([asyncOperation1(), asyncOperation2(), asyncOperation3()]); print('End: ${DateTime.now()}'); } /* Start: 2024-02-18 12:16:20.796960 Async Operation 1 Async Operation 2 Async Operation 3 End: 2024-02-18 12:16:24.804660 */

Future.wait并行

Future.wait 并发执行

Future.wait 总是返回一个 List。

如果是不同的返回值，返回类型 List<Object> , 你可以通过枚举或者下标方式访问 result[0]。

var futures = [ Future.value(42), Future.value('hello'), ]; var result = await Future.wait(futures); print(result); // [42, hello] print(result[0].runtimeType); // int print(result[1].runtimeType); // String print(result.runtimeType); // List<Object>

FutureBuilder

FutureBuilder 可以帮助您减少样板代码和复杂性，适用于需要根据异步交互构建 widget 小部件的场景。它提供了一种直接的方法来访问 Future 的 snapshot 快照状态，并相应地处理 UI。

AsyncSnapshot 参考

https://api.flutter.dev/flutter/widgets/AsyncSnapshot-class.html

举例：

FutureBuilder( future: _fetchData(), // 异步操作, 比如通过 api 拉取数据 builder: (context, snapshot) { // 根据异步操作的状态更新UI if (snapshot.connectionState == ConnectionState.waiting) { return CircularProgressIndicator(); // 正在加载 } else if (snapshot.hasError) { return Text('Error: ${snapshot.error}'); // 发生错误 } else { final data = snapshot.data; return ListView.builder( itemCount: data.length, itemBuilder: (context, index) { return Text('Item ${index}: $data[index]'); }, ); // 加载成功 } }, )

FutureBuilder 的使用场景是小 widget ，他需要 StatefulWidget 的支持，所以性能一般，如果你是大范围使用，还是要考虑专业的状态管理组件 provider getx bloc 这种。

microtask

Microtask queue and event queue flow diagram in Flutter.

Microtasks 是 Dart 语言中的一种特殊任务类型,它们会在当前事件循环的末尾执行。与普通的异步任务(Future)不同,Microtasks 具有以下特点:

优先级高于 Future: Microtasks 的执行优先级高于 Future,也就是说,即使有一个正在执行的 Future,如果有 Microtasks 需要执行,它们也会先于 Future 执行。
立即执行: 当 Microtasks 被添加到 event queue 中时,它们会立即执行,而不会等待当前事件循环结束。
同步执行: 与 Future 不同,Microtasks 是同步执行的,它们会在当前事件循环的末尾,一个接一个地执行完毕。

例子

void main() { print('Start'); // 添加一个 Microtask scheduleMicrotask(() { print('Microtask 1'); }); // 添加一个 Future Future(() { print('Future'); }); // 添加另一个 Microtask scheduleMicrotask(() { print('Microtask 2'); }); print('End'); }

输出

Start End Microtask 1 Microtask 2 Future

从输出可以看出:

两个 Microtasks 先于 Future 执行,体现了 Microtasks 的高优先级。
两个 Microtasks 是立即执行的,并且是同步执行的,一个接一个地执行完毕。
Future 最后执行,因为它的优先级低于 Microtasks。

Microtasks 通常用于以下场景:

在 Widget 构建过程中更新状态:当 Widget 正在构建时,可以使用 Microtasks 来更新 Widget 的状态。
执行一些低开销的任务:如果一个任务执行开销很低,又需要立即执行,可以使用 Microtasks。
处理异步回调:当异步回调触发时,可以使用 Microtasks 来处理回调结果。

Flutter 中的 Microtasks 和 Isolate 是两个不同的概念,它们在处理并发和异步任务时起到不同的作用。

Microtasks:

Microtasks 是 Flutter 事件循环中的一种特殊任务类型。
它们会在当前事件循环周期结束前执行,优先级高于常规事件。
Microtasks 通常用于执行一些简单、轻量级的异步任务,比如更新 UI 状态、触发回调函数等。
Microtasks 是在主 Dart 隔离(Isolate)中执行的,因此它们可以直接访问 Flutter 应用程序的状态和 UI 元素。
使用 Future.microtask() 或 SchedulerBinding.instance.addMicrotask() 可以将任务添加到 Microtasks 队列中。

Isolate:

Isolate 是 Dart 语言中的并发执行单元,类似于操作系统中的线程。
每个 Isolate 都有自己的内存空间,彼此之间不共享内存,通过消息传递的方式进行通信。
Isolate 适用于执行 CPU 密集型或长时间运行的任务,例如图像处理、机器学习等。
使用 Isolate.spawn() 可以创建新的 Isolate,并在其中执行任务。
Isolate 之间的通信使用 SendPort 和 ReceivePort 机制进行,这样可以避免共享内存带来的线程安全问题。

总的来说,Microtasks 与 Isolate 的主要区别如下:

执行位置:Microtasks 在主 Dart Isolate 中执行,而 Isolate 是独立的并发执行单元。
任务类型:Microtasks 适用于轻量级、快速执行的任务,而 Isolate 适用于 CPU 密集型或长时间运行的任务。
通信机制:Microtasks 直接访问应用程序状态,而 Isolate 之间通过消息传递进行通信。

小结

Flutter 作为跨平台移动应用开发框架,其异步编程能力在应用性能优化中扮演着重要角色。本文详细介绍了 Flutter 中 Future、Microtask 和并发处理的高效使用方法,包括 Future.wait、FutureBuilder 和任务分解等实用技巧,旨在帮助开发者构建出更加响应迅速、流畅的 Flutter 应用程序。

感谢阅读本文

如果有什么建议，请在评论中让我知道。我很乐意改进。