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

6,853 阅读1分钟

水文我在行

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