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修饰的方法内才有效
相关推荐
bing_15820 分钟前
MQTT 和 HTTP 有什么本质区别?
网络·网络协议·http
小蜜蜂嗡嗡23 分钟前
Android Studio flutter项目运行、打包时间太长
android·flutter·android studio
杨浦老苏2 小时前
Docker端口映射查看工具Dockpeek
网络·docker·群晖
未来之窗软件服务2 小时前
通过网页调用身份证阅读器http websocket方法-华视电子————仙盟创梦IDE
网络·网络协议·http·仙盟创梦ide·东方仙盟·硬件接入
创小匠3 小时前
创客匠人解析创始人 IP 定位:从专业度到用户心智的占领之道
网络·网络协议·tcp/ip
车载测试工程师4 小时前
车载以太网网络测试-29【SOME/IP-SD】-SD状态机
网络·网络协议·tcp/ip·车载系统·php
高兴达4 小时前
RPC--自定义注解注册发布服务
网络·网络协议·rpc
瓜子三百克4 小时前
十、高级概念
flutter
lang201509285 小时前
Reactor ConnectableFlux支持多订阅者
java·网络
在下Z.5 小时前
利用TCP协议,创建一个多人聊天室
网络·网络协议·tcp/ip