Flutter总结 - Dart异步

作者: HelloLeol | 来源:发表于2020-04-07 00:44 被阅读0次

2019-09-23: 十一：Flutter之Dart异步操作?
Flutter总结 - Dart异步
@@@@@@@@
深入理解Flutter/Dart事件机制
FutureBuilder
flutter之---Future的正确用法
flutter Future
flutter
Flutter开发之Dart语法基础（三）
Day04-Dart-基础语法三：异步

搭完博客开始对flutter进行简单的总结
跳过一些基础的使用方法，主要对涉及使用到但是不清楚的部分学习归纳

Future async await

异步是开发过程躲不开的一个问题（处理网络又不能忽略前台响应），这次先介绍dart里面以下几个关键词：

Future：一种class类型，表示一种不会立即完成的计算过程。
async：关键字用来修饰方法表示该方法异步，存在耗时的时候使用。
await：异步转同步，会等到该方法执行完成后再继续执行。

首先dart其实并不存在多线程，采取类似JS的事件方式实现异步，具体后面总结。
官网在介绍这一张时给出了一个很好的例子

String createOrderMessage () {
  var order = fetchUserOrder();
  return 'Your order is: $order';
}

Future<String> fetchUserOrder() {
  // Imagine that this function is more complex and slow
  return Future.delayed(Duration(seconds: 4), () => 'Large Latte');
}

void main () {
  print(createOrderMessage());
}

运行后会出现异常，动态类型出错，第三行的order是Future<String> 不是String不能直接打印。
如果需要异步转同步那么就需要像下面一样使用提到的关键字。

Future<String> fetchUserOrder() {
  // Imagine that this function is more complex and slow.
  return Future.delayed(Duration(seconds: 4), () => 'Large Latte');
}

Future<void>main() async{
  print('Awaiting user order...');
  var order = await fetchUserOrder();
  print('Your order is: $order');
}

在使用的地方用await修饰Future，并且用async修饰方法，才可以实现异步转同步。
即例子中成功获得用户思考4秒后给出的点单类型。
但是要注意下面几个基本问题：

如果只有await没有async会直接报错。
如果有async没有await不会报错，但是异步不会转为同步。
如果有await修饰的返回值不是Future也不会有任何效果。

String fetchUserOrder() {
  countSeconds(4);
  return "xxx";
}

Future<void>main() async{
  print('Awaiting user order...');
  var order = await fetchUserOrder();
  print('Your order is: $order');
}

void countSeconds(s) {
  for( var i = 1 ; i <= s; i++ ) {
      Future.delayed(Duration(seconds: i), () => print(i));
   }
}

比如上面这个例子，使用await修饰的函数返回的是String，但下面一行并不会等到记数之后执行。

Future的更多用法

上面的例子是一种最基本的用法，在网络访问中，按上面的结构会嵌套很深。Dart为网络场景（当然也不光只有网络访问可以使用），提供了一套类似于Promise的链式调用方法。见注释。

Future<String> fetchUserOrder() {
  // Imagine that this function is more complex and slow
  return Future
    .delayed(Duration(seconds: 4), () => 'Large Latte')
    .then((value) => value) // 对值进行处理
    .catchError(() => print('catch error')) // 捕获异常
    .whenComplete(() => print('completed'));// 类似于final
}