Flutter 三点二:Dart 异步 async 和 await

async 和 await

  • Future 链式调用 更清晰
  • 异步操作依赖关系比较复杂 可使用async await
  • async await 调用逻辑更清晰
  • async await 异常处理 try{}catch(){} 即可
  • async 修饰的方法 总是返回Future对象 不会阻塞主线程
  • await 关键字只有在async修饰的方法内才有效
  • 都是把事件交给 EventLoop
登录流程Future写法
复制代码
void main() {
    Future.value(["username","password"])
        .then((value){
        login(value[0],value[1]);
        print("${DateTime.now().millisecondsSinceEpoch} >> 登录中...");
        sleep(Duration(seconds: 5));
        return '{"id": 10001,"name": "John","classGrade": "三年二班","birthday": "2005-12-12 12:12:12", "age": 30}';})
        .then((value){
        return value;
    })
        .then((value){
        print("${DateTime.now().millisecondsSinceEpoch} >> "+value);  //json
        var json = jsonDecode(value);
        int id = json['id'];
        getUserInfo(id);
        print("${DateTime.now().millisecondsSinceEpoch} >> 获取用户信息...");
        sleep(Duration(seconds: 5));
        return "成功,缓存数据,跳转首页";
    })
        .catchError((value){})
        .whenComplete((){
        print("登录流程结束!");
    });
}

login(String username,String password){
    print("${DateTime.now().millisecondsSinceEpoch} >> ${username}请求登录!");
}
getUserInfo(int id){
    print("${DateTime.now().millisecondsSinceEpoch} >> ${id}获取用户信息!");
}

运行结果

复制代码
1703727827384 >> username请求登录!
1703727827384 >> 登录中...
1703727832400 >> {"id": 10001,"name": "John","classGrade": "三年二班","birthday": "2005-12-12 12:12:12", "age": 30}
1703727832418 >> 10001获取用户信息!
1703727832418 >> 获取用户信息...
登录流程结束!
async/await 写法
复制代码
import 'dart:convert';
import 'dart:io';

void main() async{
    var loginResult = await login("aaa", "123");
    var userInfo = await getUserInfo(loginResult);
    print(userInfo);
}

Future<String> login(String username,String password){
    print("${DateTime.now().millisecondsSinceEpoch} >> ${username}请求登录!");
    return  Future.value([username,password])
        .then((value){
        print("${DateTime.now().millisecondsSinceEpoch} >> 登录中...");
        sleep(Duration(seconds: 5));
        return '{"id": 10001,"name": "John","classGrade": "三年二班","birthday": "2005-12-12 12:12:12", "age": 30}';})
        .then((value){
        return value;
    });
}
Future<String> getUserInfo(String value){
    return Future((){
        print("${DateTime.now().millisecondsSinceEpoch} >> "+value);  //json
        var json = jsonDecode(value);
        print("${DateTime.now().millisecondsSinceEpoch} >> 获取用户信息...");
        sleep(Duration(seconds: 5));
        return "成功,缓存数据,跳转首页";
    });
}

请求结果

复制代码
1703727905612 >> aaa请求登录!
1703727905617 >> 登录中...   //5s等待返回结果
1703727910642 >> {"id": 10001,"name": "John","classGrade": "三年二班","birthday": "2005-12-12 12:12:12", "age": 30}
1703727910660 >> 获取用户信息...    //5s等待
1703727915670 >> 成功,缓存数据,跳转首页   
async 修饰的方法 总是返回Future对象 不会阻塞主线程
复制代码
import 'dart:convert';
import 'dart:io';

void main(){
   var login = startLogin();
   print("login.runtimeType>>${login.runtimeType}");
}

startLogin() async{
    var loginResult = await login("aaa", "123");
    var userInfo = await getUserInfo(loginResult);
    print("${DateTime.now().millisecondsSinceEpoch} >> "+userInfo);
}

Future<String> login(String username,String password){
    return  Future.value([username,password])
        .then((value){
        print("${DateTime.now().millisecondsSinceEpoch} >> 登录中...");
        sleep(Duration(seconds: 5));
        return '{"id": 10001,"name": "John","classGrade": "三年二班","birthday": "2005-12-12 12:12:12", "age": 30}';})
        .then((value){
        return value;
    });
}
Future<String> getUserInfo(String value){
    return Future((){
        print("${DateTime.now().millisecondsSinceEpoch} >> "+value);  //json
        var json = jsonDecode(value);
        print("${DateTime.now().millisecondsSinceEpoch} >> 获取用户信息...");
        sleep(Duration(seconds: 5));
        return "成功,缓存数据,跳转首页";
    });
}

结果:

复制代码
login.runtimeType>>Future<dynamic>  //类型是Future
await 关键字只有在async修饰的方法内才有效
相关推荐
猫头虎3 小时前
如何查看局域网内IP冲突问题?如何查看局域网IP环绕问题?arp -a命令如何使用?
网络·python·网络协议·tcp/ip·开源·pandas·pip
hello_2506 小时前
动手模拟docker网络-bridge模式
网络·docker·桥接模式
武文斌776 小时前
项目学习总结:LVGL图形参数动态变化、开发板的GDB调试、sqlite3移植、MQTT协议、心跳包
linux·开发语言·网络·arm开发·数据库·嵌入式硬件·学习
爱吃喵的鲤鱼6 小时前
仿mudou——Connection模块(连接管理)
linux·运维·服务器·开发语言·网络·c++
爱吃小胖橘6 小时前
Unity网络开发--超文本传输协议Http(1)
开发语言·网络·网络协议·http·c#·游戏引擎
萧鼎7 小时前
Python schedule 库全解析:从任务调度到自动化执行的完整指南
网络·python·自动化
路很长OoO7 小时前
Flutter 插件开发实战:桥接原生 SDK
前端·flutter·harmonyos
7哥♡ۣۖᝰꫛꫀꪝۣℋ8 小时前
网络层--数据链路层
网络·tcp/ip·智能路由器
_清浅8 小时前
计算机网络【第四章-网络层】
网络·计算机网络·智能路由器
沐浴露z8 小时前
【深入理解计算机网络08】网络层之IPv4
网络·计算机网络·网络编程·信息与通信·408