|
在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()了。
|