Flutter 学习之路 - 异步任务

实验 Flutter 的异步任务 --- 代码Github地址

Fultter 异步任务试验

Flutter 在很多地方需要用到异步的任务,例如,加载网络数据,任务延迟执行等,所以异步任务是不可避免的问题。本次试验主要试验了下面几种情况:

  • 用 Future, then 实现任务延迟执行
  • 用 async 和 await 实现任务延迟执行
  • 测试调用 async 方法时,代码的执行顺序问题

代码地址

用 Future, then 实现任务延迟执行

Future 可以用来执行未来要执行的方法,例如下面代码,先输出 ”Started“, 调用 Future 以后过了一秒钟,再输出 ”Completed Task1“。

void thenCatch(){
  mytext="Started";
  setMyTextState(mytext);
  // then 用来说明 1 second 后做什么
  Future.delayed(Duration(seconds: 1)).then((_){
    // 当运行完成
    mytext = mytext + "\n" + "Completed Task1";
    setMyTextState(mytext);
  }).catchError((e){
    // 当运行失败
    mytext=mytext+"\n"+'failed: ${e.toString()}';
    setMyTextState(mytext);
  });
}

用 async 和 await 实现任务延迟执行

await 也是 Flutter 中很好的一种执行异步任务的方法。

但是要使用await,必须在有async标记的函数中运行,否则这个await会报错。

下面是一个加了 await 的方法,它的输出是怎么样呢?

Future<void> asyncAwait() async{
  mytext="Started";
  setMyTextState(mytext);
  try{
    // 这里没有 .then, 要加 await, await 是说在 await 完成前别往下执行
    await Future.delayed(Duration(seconds: 1));
    mytext=mytext+"\n"+"Completed Task1";
    setMyTextState(mytext);
    await Future.delayed(Duration(seconds: 1));
    mytext=mytext+"\n"+"Completed Task2";
    setMyTextState(mytext);
  }catch(e){
    print('failed: ${e.toString()}');
  }
}

答案是:

Started
--- 1 second ---
Completed Task1
--- 2 second ---
Completed Task2

先输出 ”Start“, 然后过一秒,输出 ”Completed Task1“ 再过一秒输出 ”Completed Task2“ 。

如果把方法里的 await 去掉,看看会发生什么呢,结果是,Task1 和 Task2不会等待Future.delayed 完成,会直接执行。

Started
Completed Task1
Completed Task2
--- 1 second ---

测试调用 async 方法时,代码的执行顺序问题

那如果说,代码依次是 Task1, Task2, Task3, Task4, Task2 是一个异步的方法,Task3 , Task4 需要等待 Task2 完成吗?

代码如下:

Future<void> asyncAwaitWithTask() async{
  mytext="Started";
  setMyTextState(mytext);
  try{
    // 这里没有 .then, 要加 await, await 是说在 await 完成前别往下执行
    await Future.delayed(Duration(seconds: 1));
    mytext=mytext+"\n"+"Completed Task1";
    setMyTextState(mytext);
    task2();
    mytext=mytext+"\n"+"Completed Task3";
    setMyTextState(mytext);
    mytext=mytext+"\n"+"Completed Task4";
    setMyTextState(mytext);
  }catch(e){
    print('failed: ${e.toString()}');
  }
}

void task2() async{
  await Future.delayed(Duration(seconds: 1));
  mytext=mytext+"\n"+"Completed Task2";
  setMyTextState(mytext);
}

答案是, Task3, Task4 会先于 Task2 执行,最前面的 GIF 图就是在运行的这个场景。

Started
--- 1 second ---
Completed Task1
Completed Task3
Completed Task4
--- 2 second ---
Completed Task2

Flutter 学习之路 Github 地址

https://github.com/draftbk/flutter_road

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • GCD的队列有两种,一种是串行队列,一种是并发队列。 串行队列: 任务按往队列里的添加先后顺序执行,先进先出(FI...
    软件iOS开发阅读 420评论 0 1
  • 一、前言 上一篇文章iOS多线程浅汇-原理篇中整理了一些有关多线程的基本概念。本篇博文介绍的是iOS中常用的几个多...
    nuclear阅读 2,075评论 6 18
  • GCD全称Grand Central Dispatch,从名称可以看出GCD就是起到中央调度的作用。这个调度作用就...
    _小沫阅读 1,056评论 1 8
  • 一、前言 本篇博文介绍的是iOS中常用的几个多线程技术: NSThread GCD NSOperation 由于a...
    和珏猫阅读 588评论 0 1
  • 前言 我们所熟悉的前端开发框架大都是事件驱动的。事件驱动意味着你的程序中必然存在事件循环和事件队列。事件循环会不停...
    HowHardCanItBe阅读 15,249评论 6 29