在Dart中两个关键字,长得很像async 和async* ,可能还有的朋友还不知道他们两个有什么区别。现在简单介绍一下。
简单答案
简单回答这个问题就是:
?async 返回Future .?async* 返回Stream .
async
async 不必多言,有了解的都知道这是异步调用。当一个函数被标记成async 的时候,意味这个方法可能要从事耗时工作,比如说网络请求、处理图片等等。被async 标记的方法会把返回值用Future 包裹一下。
Future<int> doSomeLongTask() async { await Future.delayed(const Duration(seconds: 1)); return 42; }
我们可以通过await 来获取Future 里的返回值:
main() async { int result = await doSomeLongTask(); print(result); // 等待一分钟后打印 '42' }
async*
async* 比多了一个* ,加上* 其实是函数生成器 的意思。被async* 标记的函数会在返回一组返回值,这些返回值会被包裹在Stream 中。async* 其实是为yield 关键字发出的值提供了一个语法糖。
Stream<int> countForOneMinute() async* { for (int i = 1; i <= 60; i++) { await Future.delayed(const Duration(seconds: 1)); yield i; } }
上面的其实就是异步生成器 了。我们可以使用yield 替代return 返回数据,因为这个是时候我们的函数还在执行中。此时,我们就可以使用await for 去等待Stream 发出的每一个值了。
main() async { await for (int i in countForOneMinute()) { print(i); // 打印 1 到 60,一个秒一个整数 } }
应用
初一看,好像并没有什么用。因为自从我使用Flutter 以 来,我几乎没有使用过async* 。但是现在假使我们有这样的一个需求,我们需要每一秒钟请求一次接口,一共请求10次,来看看京东还剩多少茅台。
首先看看使用async 的代码:
getMaoTai() async{ for (int i = 0; i <10; i++){ await Future.delayed(Duration(seconds: 1), ()async { MaoTaiData data = await fetchMaoTaiData(); setState(){ //更新UI }; }); }
上面的代码里使用了循环,然后每一秒钟请求依次接口,返回数据后调用setState() 更新UI。这样做会导致你每隔一两秒就setState() 一次,如果不怕性能问题,不怕产品经理打你,你这么玩玩。这个时候async* 就应该上场了:
Stream<MaoTaiData> getData() async* { for (int i = 0; i <10; i++) { await Future.delayed(Duration(seconds: 1)); yield await fetchMaoTaiData(); } }
这样我们就可以使用StreamBuilder 包裹下Widget ,就不必每次都去setState() 了。
|