Flutter异步async操作--事件循环EventLoop机制

文章参考

B站UP主(王叔不秃)

一、实现异步的方式

  void _incrementCounter() async {
    await Future.delayed(Duration(seconds: 1));
    setState(() {
      _counter++;
    });
  }

  void _incrementCounter2() async {
    Future.delayed(Duration(seconds: 1), () {
      setState(() {
        _counter++;
      });
    });
  }
  void _incrementCounter() async {
    Future.delayed(Duration(seconds: 1));
    setState(() {
      _counter++;
    });
  }

三种代码实现的功能都是一样的，都是异步的方式等待1秒，执行后面的加1操作

其中async/await，Fluter.delayed回调都是Dart语法糖

二、异步操作不是多线程

1、Dart异步操作不是多线程为什么不卡

（1）什么叫做卡

• 程序卡本质上来说就是没有时间来更新UI，忙着来不及更新屏幕
• 一种是程序正在进行大量运算，CPU忙不过来
• 第二种情况是正在等待服务器响应、文件读取、用户输入等。

（2）多线程(Multithreading)解决思路

• 每当遇到需要等待的东西，单独派一个线程去守着，这样执行UI操作的主线程就不会等待卡顿了

（3）Dart解决思路

• Dart中每一个线程都封装在一个Isolate里，每个进程不能互相共享内存，如果想要通信只能通过发消息的方式
• 线程无法共享变量，一个线程的变量就不会不小心被另一个线程修改
• 每个线程非常独立，Dart的GC也可以做到非常高效。Flutter中Widget会不停被创建摧毁
• Dart中每个线程隔离后，开发者操作起来异常麻烦，但是我们在开发中只需要一个Isolate，也就不需要多线程，一个线程就足够了

2、一个线程如何处理网络操作，等待的情况

（1）事件循环(Event Loop)

• 程序从main()开始执行，一般执行完全部代码就会退出，代码几百行一般不到一秒就能全部执行完，app运行完不能就直接退出
• 事件循环能够保证代码一直在循环不会轻易结束

（2）事件队列(Event Queue)

• 循环主要任务是在检查Event Queue事件队列，在Event Queue如果发现有什么新的事件，就要把代码送去执行
• 所谓的异步操作实际上就是在Event Queue添加事件来完成的
• 服务器请求会先产生一个Future，我们可以用Future/then的方法告诉程序，等到这个Future完成时，需要执行什么方法。在这个Future还没执行完的时候，Event Loop就可以去慢别的事情
• 程序在等服务器的一个回应，还没等到的时候用户点击了按钮，可以先执行用户点击事件，这样就不会一直等待服务器响应造成死机
• 除了服务器请求会得到一个Future，也可以手动往Event Queue里添加事件
• Future(() => print('A'));
• 或者等待一秒 Future.delayed(Duration(seconds: 1), () => print('A'))

  void main() {
    Future(() => print('A'));
    print('B');
  }

思路：
Future代表以后需要打印A，将事件放入Event Queue，代码继续执行立刻打印一个B。
main执行完就会检查Event Queue有没有事件，查找到打印A的事件，
所以会被立即执行。

输出结果：
B
A

（3）Microtask Queue

• 级别比Event Queue更高，相当于迪士尼，机场的贵宾区，VIP通道

• 只要Microtask Queue中还有事件没有执行完，Event Queue中一个事件都不会被执行。只有全部的Microtask Queue都执行完，才有机会来执行Event Queue。

• Event Queue在执行中，只要Microtask Queue中有新任务进来，会立即执行Microtask Queue中的任务

• 实战中一般不会往Microtask Queue中添加事件，Microtask Queue是交给Dart自己来处理的，我们尽量不要干扰它的行为。如果人人都是VIP，那VIP也就没有存在的必要

• 在Flutter引擎里面由大量的事件使用的Event Queue，如果由大量时间往Microtask Queue中挤，那Flutter有些事件也就不会执行

往Microtask Queue中插入事件

  void _incrementCounter4() async {
    scheduleMicrotask(() => print('A'));
    Future(() => print('d'));
    Future.microtask(() => print('c'));
    print('b');
  }

结果：
B
A
C
D

三、单进程存在问题

• 单进程时间循环机制只能解决循环问题，比如用户输入，操作数据库
• 如果确实因为计算量太大造成的卡顿，只能多造几个Isolate实现真正的多进程

四、总结

三种事件的添加方式