循环添加点击事件_Dart进阶——一文学会Dart事件循环和异步调用

异步代码在Dart中随处可见。许多库函数返回Future对象，您可以注册处理程序来响应事件，如鼠标单击、文件I/O完成和计时。

本文描述了Dart的事件循环架构，您就可以编写出更好的更少问题的异步代码。您将学习如何使用Future，并且能够预测程序的执行顺序。

事件循环基本概念

本文描述了Dart的事件循环架构，您就可以编写出更好的更少问题的异步代码。您将学习如何使用Future，并且能够预测程序的执行顺序。

如果你写过UI代码，你可能已经熟悉了事件循环和事件队列的概念。它们确保了图形操作和事件(如鼠标点击)一次只处理一个。

事件循环和队列

事件循环的工作是从事件队列中获取一个事件并处理它，只要队列中有事件，就重复这两个步骤。

events going into a queue, feeding into an event loop

队列中的事件可能代表用户输入，文件I / O通知，计时器等。例如，下面是事件队列的图片，其中包含计时器和用户输入事件：

same figure, but with explicit events: 1. key, 2.click, 3. timer, etc.

你可能在其他的语言中熟悉这些。现在我们来谈谈dart语言是如何实现的。

Dart的单线程

一旦一个Dart函数开始执行，它将继续执行直到退出。换句话说，Dart函数不能被其他Dart代码打断。

如下图所示，一个Dart程序开始执行的第一步是主isolate执行main()函数，当main()退出后，主isolate线程开始逐个处理程序事件队列上的所有事件。

实际上，这有点过于简化了。

dart的事件循环和队列

Dart应用程序的事件循环带有两个队列——事件队列和微任务队列。

事件队列包含所有外部事件:I/O、鼠标事件、绘图事件、计时器、Dart isolate之间的通信，等等。

微任务队列是必要的，因为事件处理代码有时需要稍后完成一个任务，但在将控制权返回到事件循环之前。例如，当一个可观察对象发生变化时，它将几个突变变化组合在一起，并同步地报告它们。微任务队列允许可观察对象在DOM显示不一致状态之前报告这些突变变化。

事件队列包含来自应用程序中的事件，微任务队列只包含来自Dart核心代码的事件。

如下图所示，当main()函数退出时，事件循环开始工作。首先，它以FIFO(先进先出)顺序执行所有微任务。然后，它使事件队列中的第一项出队并处理，然后它重复这个循环:执行所有微任务，然后处理事件队列上的下一事件。一旦两个队列都为空