56Flutter 的 Event Loop(事件循环)及代码运行顺序.pdfVIP

Flutter 的 Event Loop(事件循 环)及代码运⾏顺序 接触过 Flutter 的⼈都知道，Flutter 是⽤ Dart 来写的，Dart 没有 进程和线程的概念，所有的 Dart代码 都是在 Isolate上 运⾏的，那 么 Isolate 到 是什么？本节将详细讨论。这篇⽂章讨论事件队列 (event loop)及Dart代码运⾏顺序。 同步代码和异步代码 我们在写 Dart代码 的时候，对 Dart代码 进⾏分类,就只有两类，同 步代码和异步代码； 异步代码：就是以 Future 等修饰的代码 同步代码：除了异步代码，平常写的代码就是同步代码 在 Dart 中这两类代码是不同的： 1.运⾏顺序不同 同步代码和异步代码运⾏的顺序是不同的： 先运⾏同步代码，在运⾏异步代码 就是，即使我异步代码写在最前⾯，同步代码写在最后⾯，不好意 思，我也是先运⾏后⾯的同步代码，同步代码都运⾏完后，在运⾏前 ⾯的异步代码。 2.运⾏的机制不同 异步代码是运⾏在 event loop ⾥的，这是⼀个很重要的概念，这 ⾥可以理解成 Android ⾥的 Looper 机制，是⼀个死循环，event loop 不断的从事件队列⾥取事件然后运⾏。 event loop 架构 下⾯是 event loop ⼤致的运⾏图： 这个很好理解，事件 events 加到 Event queue ⾥，Event loop 循 环从 Event queue ⾥取 Event 执⾏。 这个理解后，在看 event loop 详细的运⾏图： 从这⾥看到，启动 app （start app）后： 1. 先查看 MicroTask queue 是不是空的，不是的话，先运⾏ microtask . ⼀个 microtask 运⾏完后，会看有没有下⼀个 microtask，直 到 Microtask queue 空了之后，才会去运⾏ Event queue 3.在 Evnet queue 取出⼀个 event task 运⾏完后，⼜会跑到 第⼀步，去运⾏ microtask 这⾥多了两个名词：MicroTask 和 Event ，这代表了两个不同的 异步 task 1. MicroTask 这个⼤家应该不太清楚，但是这个也是 dart:async 提供的异步⽅ 法，使⽤⽅式： // Adds a task to the 先查看MicroTask queue. scheduleMicrotask((){ // ...code goes here... }) 或者： new Future.microtask((){ // ...code goes here... }) 如果想让任务能够尽快执⾏，就⽤ MicroTask 2.Event Event 我们就很清楚了，就是 Future 修饰的异步⽅法，使⽤⽅式： // Adds a task to the Event queue. new Future(() { // ...code goes here... }) 代码运⾏顺序 纯粹讲理论知识不太好理解，我们直接上代码，讲⼀个例⼦，看如下 的代码，请问打印顺序是什么样的？ import 'dart:async' void main() { print('main #1 of 2') scheduleMicrotask(() => print('microtask #1 of 3')) new Future.delayed(new Duration(seconds:1), () => print('future #1 (delayed)')) new Future(() => print('future #2 of 4 ')) .then((_) => print('future #2a')) .then((_) { print('future #2b') scheduleMicrotask(() => print('microtask #0 (from future #2b)')) }) .then((_) => print('future #2c')) scheduleMicrotask(() => print('microtask #2 of 3')) n