flutter中的异步机制Future

饿补一下Flutter中Http请求的异步操作。

Dart是一个单线程语言,可以理解成物理线路中的串联,当其遇到有延迟的运算(比如IO操作、延时执行)时,线程中按顺序执行的运算就会阻塞,用户就会感觉到卡顿,于是通常用异步处理来解决这个问题。

Dart异步编程有两种方式:Future和Stream

Future相当于40米大砍刀,Stream相当于一捆40米大砍刀。dart提供了关键字async(异步)和await(延迟执行),相当于普通的便捷的小匕首,而小匕首是我们平时经常用到的。

当遇到有需要延迟的运算(async)时,将其放入到延迟运算的队列(await)中去,把不需要延迟运算的部分先执行掉,最后再来处理延迟运算的部分。

1、async和await

async await 这两个关键字是dart语言的特性,能让你写出看起来像是“同步”的“异步”代码,先看一个方法案例:

  /*HTTP的get请求返回值为Future<String>类型,即其返回值未来是一个String类型的值*//*async关键字声明该函数内部有代码需要延迟执行*/getData() async {    /*await关键字声明运算为延迟执行,然后return运算结果*/return await http.get(Uri.encodeFull(url), headers: {"Accept""application/json"}); }

然后我们尝试调用这个方法,并获取返回值。

String data = getDate();

然后控制台报错了….

为什么呢?因为data是String类型,而函数getData()是一个异步操作函数,其返回值是一个await延迟执行的结果。在Dart中,有await标记的运算,其结果值都是一个Future对象,Future不是String类型,所以就报错了。

总结一下:

在请求方法中直接 return await .. .的时候,实际上返回的是一个延迟计算的Future对象。

还有两点需要注意:

  • await关键字必须在async函数内部使用
  • 调用async函数必须使用await关键字

后面两点怎么讲?

  1. 要想 return await … ,那么方法首先是 async 的,如上方方法。
  2. 使用 async 标注的方法,必须要用 await 接收返回值,比如上方方法在接收返回值时,需要加入 await ,var data = await getData();

2、什么是Future

Future表示一件“将来”会发生的事情,将来可以从Future中取到一个值。当一个方法返回一个Future的事情,发生两件事情:

  • 这个方法将某件事情排队,返回一个未完成的Future
  • 当这件事情完毕之后,Future的状态会变成已完成,这个时候就可以取到这件事情的返回值了。

要取到这个“返回值”,有两种方式:

  • 使用async配合await
  • 使用Future提供的api

我们看这两种实现方式的案例:

2.1、使用async配合await

先看个案例,等待3秒后返回‘我是用户’:

/*模拟异步加载用户信息*/
Future _getUserInfo() async{await new Future.delayed(new Duration(milliseconds: 3000));return "我是用户";
}/*加载用户信息,顺便打印时间看看顺序*/
Future _loadUserInfo() async{print("_loadUserInfo:${new DateTime.now()}");print(await _getUserInfo());print("_loadUserInfo:${new DateTime.now()}");
}

我们在initState中调用该方法:

@override
void initState(){print("initState:${new DateTime.now()}");_loadUserInfo();print("initState:${new DateTime.now()}");super.initState();
}

打印结果如下:

I/flutter ( 1802): initState:2019-06-20 09:46:40.097339
I/flutter ( 1802): _loadUserInfo:2019-06-20 09:46:40.103542
I/flutter ( 1802): Instance of 'Future<dynamic>'
I/flutter ( 1802): initState:2019-06-20 09:46:40.108510
I/flutter ( 1802): 我是用户
I/flutter ( 1802): _loadUserInfo:2019-06-20 09:46:43.117136

what?

很明显,打印结果并没有按照串联的方式依次打印。

flutter中会改造带asyc关键字的方法,让这个方法脱离主流程,变成“后面一点”执行(通过scheduleMicrotask),所以可以让我们的程序“看起来”是顺序执行的。

2.2、Future api

我们修改一下 loadUserInfo() 方法:

/*加载用户信息,顺便打印时间看看顺序*/Future _loadUserInfo() async{print("_loadUserInfo:${new DateTime.now()}");_getUserInfo().then((info){print(info);});print("_loadUserInfo:${new DateTime.now()}");}

再次运行输出一下:

I/flutter ( 1802): initState:2019-06-20 09:50:32.488765
I/flutter ( 1802): _loadUserInfo:2019-06-20 09:50:32.494751
I/flutter ( 1802): _loadUserInfo:2019-06-20 09:50:32.499725
I/flutter ( 1802): Instance of 'Future<dynamic>'
I/flutter ( 1802): initState:2019-06-20 09:50:32.499970
I/flutter ( 1802): 我是用户

两次输出是有不同的,主要不同在于第二个 loadUserInfo 的日志打印,与‘我是用户’的输出顺序,为什么有差异?

await会阻塞流程,等待紧跟着的的Future执行完毕之后,再执行下一条语句,而如果用了Future.then这个api,那么就不会等待,直接执行下面的语句,等Future执行完了,再调用then这个方法。

3、总结

在请求方法中直接 return await .. .的时候,实际上返回的是一个延迟计算的Future对象。

有两点需要注意:

  • await关键字必须在async函数内部使用
  • 调用async函数必须使用await关键字

Flutter 中有两种实现异步编程的方式:Future api、 async await

日常开发中常用的是 async await Future 搭配。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/414334.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

前端学习(2825):vs开发小程序的插件

推荐以下四个插件 wechat-snippet 微信小程序代码辅助,代码片段自动完成minapp 微信小程序标签、属性的智能补全&#xff08;同时支持原生小程序、mpvue 和 wepy 框架&#xff0c;并提供 snippets&#xff09; 需要输入<才会触发标签补全 输入空格会触发对应标签的属性补全…

软件工程导论团队项目

软件工程导论团队项目&#xff08;速课小龙&#xff09; 一&#xff0e;团队介绍 1.团队成员 邓 旭 2016012068 &#xff08;组长&#xff09; 陈逸璇 2016012056 周紫伊 2016012043 谢月鹏 2016012066 洪泽芳 2016011988 葛金星 2016011992 2.队名&#xff1a;速课小龙 3.项…

java.util.ConcurrentModificationException

Android使用ArrayLists时报错&#xff1a;java.util.ConcurrentModificationException 报错原因是同一个集合被多个线程编辑了。导致集合元素丢失 解决方法—— 1、改有CopyOnWriteArrayList private List<MqttMsgBean> mqttMsgList new CopyOnWriteArrayList<>…

工作272:上传部分代码优化之两种上传视频的方式

两种预览视频的方式 <!--<div style"width: 500px;height: 400px" align"center"><iframe height498 width510 srchttp://xcom/uploads/2020-12-23/20201223125205_636.mp4 frameborder0 allowfullscreen></iframe></div>-->…

面试必备:HashMap、Hashtable、ConcurrentHashMap的原理与区别

本文转载自 夏雪冬日&#xff1a;https://www.cnblogs.com/heyonggang/p/9112731.html 在实际面试过程中出现集合 Map 的概率接近 100%&#xff0c;可见不背上个 Map 相关的题目都不好意思去面试了。 如果你去面试&#xff0c;面试官不问你这个问题&#xff0c;你来找我^_^ 下…

tomcat,eclipse,sts绿色运行

D:\apache-tomcat-8.5.29\bin\setclasspath.bat 最开始处设置&#xff0c;可以是相对路径 set JAVA_HOMED:\Program Files\jdk1.8.0_131set JRE_HOMED:\Program Files\jdk1.8.0_131\jre 类eclipse配置文件 sts.ini -startup plugins/org.eclipse.equinox.launcher_1.4.0.v20161…

Android 设备启动时,APP应用自启动

添加一个开机监听即可 <!--开机广播权限--> <uses-permission android:name"android.permission.RECEIVE_BOOT_COMPLETED" /> public class BootReceiver extends BroadcastReceiver {Overridepublic void onReceive(Context context, Intent intent) …

Eclipse中将java类打成jar包形式运行

记录一次帮助小伙伴将java类打成jar包运行 1、创建java project项目 file > new > project > java project 随便起一个项目名称&#xff0c;finish 完成后项目结构如下&#xff1a; 2、植入java类 将准备好的java类&#xff0c;植入项目中&#xff0c;在 src 目录中…

工作274:ele-图标使用

/*各个路由模块的建立*/ import Home from "/views/Home/Home"; import GlobalLayout from "/layout/GlobalLayout"; import Login from "/views/login/Login"; import Check from "/views/login/Check"; const SYSTEM_MANAGEMENT &q…

串口开发,数据类型转换——字符串转 byte[],byte[]转二进制,二进制转十进制转byte[],byte[]转十进制,byte[]拼接,校验

bytez转String /*** 字节数组转换成对应的16进制表示的字符串** param src* return*/ public static String bytes2HexStr(byte[] src) {StringBuilder builder new StringBuilder();if (src null || src.length < 0) {return "";}char[] buffer new char[2];…

Problem Collection II 构造

ARC 093B 转载于:https://www.cnblogs.com/Patt/p/8727324.html

了解栈内存堆内存

由于 java 有垃圾回收机制&#xff0c;所以往往不太会去关注栈堆的内存分配问题&#xff0c;直至OOM 一、了解栈堆概念 1、堆【存储对象创建实例】 程序开始运行时&#xff0c;JVM从OS获取一些内存&#xff0c;部分是堆内存。堆内存通常在存储地址的底层&#xff0c;向上排列…

dataBinding和retrofit的使用

1、dataBinding使用方法 1、配置dataBinding 2、创建layout类型xml布局文件 3、即可引用 ActivityMainBinding mainBinding; mainBinding DataBindingUtil.setContentView(this, R.layout.activity_main); mainBinding.testte.setText("abcccc"); 2、retrofit的…

使多个线程循环输出0-99-0-99

直接上代码&#xff0c;后面我也有一个问题&#xff0c;关于对象的notifyAll或者notify或者single或者singleAll&#xff0c;唤醒线程是顺序唤醒吗&#xff0c;我这里都是顺序输出了 关于公平与非公平锁的问题&#xff1f;唤醒是公平的&#xff1f;&#xff1f;&#xff1f;又没…

66-Flutter移动电商实战-会员中心_编写ListTile的通用方法

1、界面分析 通过下图我们可以拆分成 4 部分&#xff0c;头部、订单标题区域、订单列表区域、ListTitle同用部分。 2、UI编写 2.1、头部 主要用到了圆形头像裁剪组件-ClipOval 顶部头像区域Widget _topHeader(){ return Container( width: ScreenUtil().setWidth(750), …

Android板实现双屏显示,DisplayManager和Display的使用

非常简单。 效果 1、创建分屏管理类 DisplayController public class DisplayController {public static Display getTargetDisplay() {DisplayManager displayManager (DisplayManager) App.getInstance().getSystemService(Context.DISPLAY_SERVICE);Display[] presentat…

毕业论文管理系统(类图,er图,时序图)

转载于:https://www.cnblogs.com/huahua985/p/8732595.html

67-Flutter中高德地图插件的使用

1、注册和建立高德API应用 高德网站&#xff1a;https://lbs.amap.com/ 控制台-应用管理-创建应用 在创建 Key 2、获得SHA1 进入Flutter项目中的android文件夹内&#xff0c;打开任意一个文件&#xff1a; 比如进入 build.gradle&#xff0c;右上角会有 Open for Editing an…