======================================================================
现在你已经了解 Isolate 了,再来看看事件循环是如何让异步代码变成可能的吧。
想像一下应用沿着时间线的运行过程。应用启动,应用停止,之间发生一串串事件:磁盘 IO,用户手势以及类似一些事件。
应用无法预测事件何时发生、以何种顺序发生,它必须在单个线程中处理所有事件并且保证不阻塞。所以应用会运行一个事件循环。它从事件队列中取出最老的事件进行处理,然后再取下一个事件,依次进行,直到事件队列为空。
应用一直在运行:你点击屏幕、下载数据、触发定时器。事件循环一直在运行,每次处理一个事件。
事件循环空闲时,线程会暂停并循环下一个事件。这时可能触发垃圾回收器等等。Dart 为异步编程提供的所有高级 API 和语言特性,如 Future、Stream、async/await
,都是基于和围绕这个基本的循环。
比如,某个按钮用于发起网络请求,就像这样:
RaisedButton(
child: Text(‘Click me’),
onPressed: () {
final myFuture = http.get(‘https://example.com’);
myFuture.then((response) {
if (response.statusCode == 200) {
print(‘Success!’);
}
});
},
)
你运行应用时,Flutter 构建按钮并显示到屏幕,之后应用开始等待。
应用的事件循环处于空闲,等待下一个事件。当按钮等待点击时,跟按钮不相关的事件可能发生并进入到事件队列被处理。当点击事件发生时,最终会进入队列。
点击事件被取到,等待处理。Flutter 看到这个事件,它的渲染系统说 “事件坐标跟 RaisedButton 匹配”,所以 Flutter 执行 onPressed
函数。这个函数会发起网络请求(返回一个 Future)并使用 then()
方法注册 completion handler。
整个过程就是这样的。事件循环处理完点击事件后将其抛弃。
onPressed
是 RaisedButton 的一个属性,而网络事件为 Future 添加了一个回调,但两者都是在相同的基本操作。它们都是在告诉 Flutter,”你好,一会儿将发生某个事件,你记得执行该事件的代码。”
onPressed
在等待点击,而 Future 在等待网络数据,从 Dart 的视角,这些都是队列中的事件。
这也正是 Dart 中异步代码的工作方式。Future、Steam、以及 async/await
,这些 API 都是你告诉 Dart 事件循环执行代码的一种方式。
如果再来回头看刚才的例子,你可以准确地看到它是如何为特定的事件被分解成一小块一小块的。
-
初始的 UI 构建事件
-
点击事件
-
网络响应事件
RaisedButton( // (1)
child: Text(‘Click me’),
onPressed: () { // (2)
final myFuture = http.get(‘https://example.com’);
myFuture.then((response) { // (3)
if (response.statusCode == 200) {
print(‘Success!’);
}
});
},
)
你习惯异步代码之后,到处都可以看到这些模式。理解事件循环对你跟高级 API 打交道时同样有帮助。
总结
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)
最后
今天的文章可谓是积蓄了我这几年来的应聘和面试经历总结出来的经验,干货满满呀!如果你能够一直坚持看到这儿,那么首先我还是十分佩服你的毅力的。不过光是看完而不去付出行动,或者直接进入你的收藏夹里吃灰,那么我写这篇文章就没多大意义了。所以看完之后,还是多多行动起来吧!
可以非常负责地说,如果你能够坚持把我上面列举的内容都一个不拉地看完并且全部消化为自己的知识的话,那么你就至少已经达到了中级开发工程师以上的水平,进入大厂技术这块是基本没有什么问题的了。
。不过光是看完而不去付出行动,或者直接进入你的收藏夹里吃灰,那么我写这篇文章就没多大意义了。所以看完之后,还是多多行动起来吧!
可以非常负责地说,如果你能够坚持把我上面列举的内容都一个不拉地看完并且全部消化为自己的知识的话,那么你就至少已经达到了中级开发工程师以上的水平,进入大厂技术这块是基本没有什么问题的了。