Flutter-事件机制---Future-和-MicroTask-全解析，小白以及计算机类学生的福音

最新推荐文章于 2024-04-16 11:20:43 发布

程序员世纪末

最新推荐文章于 2024-04-16 11:20:43 发布

阅读量922

点赞数 9

分类专栏：程序员文章标签： flutter python javascript

本文链接：https://blog.csdn.net/m0_60721584/article/details/137031288

版权

程序员专栏收录该内容

188 篇文章 0 订阅

订阅专栏

输出结果：

com.example.flutter_dart_app I/flutter: f8
com.example.flutter_dart_app I/flutter: f1
com.example.flutter_dart_app I/flutter: f7
com.example.flutter_dart_app I/flutter: f4
com.example.flutter_dart_app I/flutter: f6
com.example.flutter_dart_app I/flutter: f3
com.example.flutter_dart_app I/flutter: f5
com.example.flutter_dart_app I/flutter: f2

是不是跟自己的结果大相径庭，别急，看我来慢慢分析：分析：

首先执行Main 的代码，所以首先输出: 8;
然后参考上面的规则1，Future 1 到 5 是按初始化顺序放入 EventQueue中，所以依次执行Future 1到5 ， 所以输出结果：8，1，7。
参考规则2，f3 延时执行，一定是在最后一个：8，1，7，…，2。
在 f4 中，首先输出 f4 ：8，1，7，4，…，2。
在 f4 的 then 的方法块中，新建了Future, 所以新建的 Future 将在 EventQueue尾部，最后被执行：8，1，7，4，…，5，2。
在 f4 的 then 的方法块中，给 f2 添加了 then ,但此时 f2 已经执行完了，参考规则三，所以 then 中的代码会被放到 microTask 中，在当前 Future 执行完后执行。 因为此时Future f4已经执行完了，所以会处理microTask（microTask优先级高）。结果：8，1，7，4，6，…，5，2。
此时我们的 EventQueue 中还有 f5，和在 f4 中添加的新的Future。所以我们的最终结果就是：8，1，7，4，6，3，5，2。

是不是有点理解不了，没事，牢记四个规则，自己再算一遍，相信你就了然于胸了。重要要在脑海里有一个 EventQueue 的队列模型，牢记先进先出。

然后来试一试下一题：

多Future 和多micTask 的执行顺序

void testScheduleMicrotatsk() {
scheduleMicrotask(() => print(‘Mission_1’));

//注释1
new Future.delayed(new Duration(seconds: 1), () => print(‘Mission_2’));

//注释2
new Future(() => print(‘Mission_3’)).then(() {
print(‘Mission_4’);
scheduleMicrotask(() => print(‘Mission_5’));
}).then(() => print(‘Mission_6’));

//注释3
new Future(() => print(‘Mission_7’))
.then(() => new Future(() => print(‘Mission_8’)))
.then(() => print(‘Mission_9’));

//注释4
new Future(() => print(‘Mission_10’));

scheduleMicrotask(() => print(‘Mission_11’));

print(‘Mission_12’);
}

大家可以先自己试一下，再对照结果~

输出结果：

I/flutter (19025): Mission_12
I/flutter (19025): Mission_1
I/flutter (19025): Mission_11
I/flutter (19025): Mission_3
I/flutter (19025): Mission_4
I/flutter (19025): Mission_6
I/flutter (19025): Mission_5
I/flutter (19025): Mission_7
I/flutter (19025): Mission_10
I/flutter (19025): Mission_8
I/flutter (19025): Mission_9
Syncing files to device MIX 3…
I/flutter (19025): Mission_2

是不是还是没答全对？没关系，很正常，看我慢慢道来：
分析：

根据 Main > MicroTask > EventQueue。我们首先会得到输出结果：12，1，11。
注释1 的 Future 是延时执行，所以：12，1，11，…，2。
注释2 中创建了 Microtask，Microtask会在该Future执行完后执行，所以：12，1，11，4，6，5，…，2。
重点来了。我们在注释3 的Future 的 then 中新建了Future(输出Mission_8),新建的 Future 将被加到 EventQueue尾部，并且，注释3的Future后续的then将不再执行，因为这个链被阻塞了！
注意对比上一题中的 f4, 上一题中的 f4 是一个 than 方法包裹了代码块。
此时的结果：12，1，11，4，6，5，7，…，2。
执行完注释4 的 Future，然后会执行我们在注释3 Future 新加入的 Future，之后注释3 的Future不再阻塞，会继续执行，结果： 12，1，11，4，6，5，7，10，8，9，2。

看到这里，相信各位同学已经对 Dart 事件机制有一个大概的了解，希望能对各位在学Flutter 的同学有所帮助，蟹蟹~