注册

Dart中async和async*有什么区别?

水文我在行


在Dart中两个关键字,长得很像asyncasync*,可能还有的朋友还不知道他们两个有什么区别。现在简单介绍一下。


简单答案


简单回答这个问题就是:



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


作者:JarvanMo
链接:https://juejin.cn/post/6933201564794355726
来源:稀土掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

0 个评论

要回复文章请先登录注册