Flutter 90: 图解 Dart 单线程实现异步处理之 Future (一)-阿里云开发者社区

开发者社区> 开发与运维> 正文
登录阅读全文

Flutter 90: 图解 Dart 单线程实现异步处理之 Future (一)

简介: 0 基础学习 Flutter,简单学习 Future 实现异步的基本操作!

      小菜尝试过 FutureStream 实现 Dart 异步处理,但仅限于基本的使用,网上有很多相关的资料,小菜仅从初识者的角度学习了解 Dart 的实现的异步处理;

      Dart 是单线程的!这点很重要,是不可变更的;但单线程的 Dart 是如何实现多线程的,这是很值得研究的;

      小菜了解的异步操作来处理耗时任务的方式主要是两种:一种是类似于 Java 的开启多线程,并在线程间通信;另一种是类似于 Dart 的单线程和事件循环 Event Loop;其中 Event Loop 事件循环就是把一系列的(点击事件/滑动事件/网络请求/ IO 事件等)事件存放在 Event Queue 队列中,循环执行从 Event Loop 中获取事件进行执行,直到清空队列事件;

      Dart 可以通过 FutureStream 实现异步操作,小菜先尽量全面的学习 Future

Future

Future Methods

      Future 的应用主要涉及三种状态,分别是未完成状态(UnCompleted / Pending),完成成功(Completed with Data),完成失败(Completed with Error);

      当 Future 任务执行完成之后,通常需要一个回调,这个回调会立即执行,不会添加到事件队列中,其中通过 then() 的成功回调来来监听 Future 执行完成时获取到的结果;通过 catchError() 异常回调来监听 Future 执行失败或者出现异常时的错误信息;通过 whenComplete() 最终回调来获取最终回调,不管成功还是失败;

      小菜做了一个不太严谨的对比,这三种状态类似于 try-catch-finally,其中 try 对应 then() 成功回调,catch 对应 catchError() 异常回调,而 finally 对应 whenComplete() 最终回调;

      Future 还有两个常用的回调,分别是 timeout 超时回调和 asStream() 转换成 Stream 流回调;
Future 的使用可以通过 Future Constructors 构造方法或 async-await 方式;

Future.delayed(Duration(seconds: 3), () {
  print('Future.delayed(), CurrentTime = ${DateTime.now().millisecondsSinceEpoch}');
  return 'Future.delayed() result! CurrentTime = ${DateTime.now().millisecondsSinceEpoch}';
}).timeout(Duration(seconds: 1), onTimeout: () => 'Future.delayed() TimeOut! CurrentTime = ${DateTime.now().millisecondsSinceEpoch}')
    .then((val) => print(val))
    .whenComplete(() => print('Future.delayed() whenComplete! CurrentTime = ${DateTime.now().millisecondsSinceEpoch}'));

Future Constructors

1. Future(FutureOr computation())

      用于返回状态结果的基本构造方法;其中 computation 返回的可以是普通类型也可以是 Future

factory Future(FutureOr<T> computation()) {
    _Future<T> result = new _Future<T>();
    Timer.run(() {
      try {
        result._complete(computation());
      } catch (e, s) {
        _completeWithErrorCallback(result, e, s);
      }
    });
    return result;
}

      分析源码可知,Future 主要是通过 Timer.run() 来执行,在回调方法中执行 computation();

Future(() => print('Future(FutureOr<T> computation()) 01'));
Future(() {
  print('Future(FutureOr<T> computation()) 02');
  return 'Future(FutureOr<T> computation()) 02 result!';
}).then((val) => print(val));
Future(() {
  print('Future(FutureOr<T> computation()) 03');
  return 'Future(FutureOr<T> computation()) 03 result!';
}).then((val) => print(val)).whenComplete(() => print('Future(FutureOr<T> computation()) 03 whenComplete!'));

2. Future.value([FutureOr value])

      创建一个固定类型的 Future

Future.value('Future.value() 01').then((val) => print(val));
Future.value('Future.value() 02').then((val) => print(val));
Future.value('Future.value() 03')
    .then((val) => print(val))
    .whenComplete(() => print('Future.value() 03 whenComplete!'));

3. Future.delayed(Duration duration, [FutureOr computation()])

      delayed 是延迟执行,任务会到设置的延迟时间之后再执行;

factory Future.delayed(Duration duration, [FutureOr<T> computation()]) {
    _Future<T> result = new _Future<T>();
    new Timer(duration, () {
      if (computation == null) {
        result._complete(null);
      } else {
        try {
          result._complete(computation());
        } catch (e, s) {
          _completeWithErrorCallback(result, e, s);
        }
      }
    });
    return result;
}

      分析源码可知,与默认的构造方法相比,Timer 只是多了一个 duration,会在 duration 之后调用 computation()

print('CurrentTime01 = ${DateTime.now().millisecondsSinceEpoch}');
Future.delayed(Duration(seconds: 3), () => print('Future.delayed() 01, CurrentTime = ${DateTime.now().millisecondsSinceEpoch}'));
print('CurrentTime02 = ${DateTime.now().millisecondsSinceEpoch}');
Future.delayed(Duration(seconds: 1), () => print('Future.delayed() 02, CurrentTime = ${DateTime.now().millisecondsSinceEpoch}'));
print('CurrentTime03 = ${DateTime.now().millisecondsSinceEpoch}');
Future.delayed(Duration(seconds: 2), () {
  print('Future.delayed() 03, CurrentTime = ${DateTime.now().millisecondsSinceEpoch}');
  return 'Future.delayed() 03 result! CurrentTime = ${DateTime.now().millisecondsSinceEpoch}';
}).then((val) => print(val)).whenComplete(() => print('Future.delayed() 03 whenComplete! CurrentTime = ${DateTime.now().millisecondsSinceEpoch}'));
print('CurrentTime04 = ${DateTime.now().millisecondsSinceEpoch}');

4. Future.sync(FutureOr computation())

      sync 是同步方法,任务会被立即执行;

factory Future.sync(FutureOr<T> computation()) {
    try {
      var result = computation();
      if (result is Future<T>) {
        return result;
      } else {
        return new _Future<T>.value(result);
      }
    } catch (error, stackTrace) {
      var future = new _Future<T>();
      AsyncError replacement = Zone.current.errorCallback(error, stackTrace);
      if (replacement != null) {
        future._asyncCompleteError(
            _nonNullError(replacement.error), replacement.stackTrace);
      } else {
        future._asyncCompleteError(error, stackTrace);
      }
      return future;
    }
}

      分析源码可知,与默认的构造方法相比,sync 直接调用 computation(),并未通过 Timer() 的回调;

Future.sync(() => print('Future.sync() 01'));
Future.sync(() {
  print('Future.sync() 02');
  return 'Future.sync() 02 result!';
}).then((val) => print(val));
Future.sync(() {
  print('Future.sync() 03');
  return 'Future.sync() 03 result!';
}).then((val) => print(val)).whenComplete(() => print('Future.value() 03 whenComplete!'));

5. Future.error(Object error, [StackTrace stackTrace])

      error 主要创建一个异常状态的 Future

Future.error(ArgumentError.notNull('Input'));
Future.error('Future error01')
    .then((val) => print('Future.error01 result = $val'))
    .catchError((val) => print(val));
Future.error('Future error02')
    .then((val) => print('Future.error02 result = $val'))
    .catchError((val) => print(val))
    .whenComplete(() => print('Future.error03 whenComplete!'));

6. Future.microtask(FutureOr computation())

      microtask 比较特殊,会创建一个微队列事件的 FutureDart 的异步任务队列主要包括 Event Queue 普通事件队列和 Microtask Queue 微事件队列,其中 Microtask Queue 的执行优先级更高,Future 默认是 Event Queue 普通队列事件,小菜会在后面的博客中进一步研究;

Future.microtask(() => print('Future.microtask() 01'));
Future.microtask(() {
  print('Future.microtask() 02');
  return 'Future.microtask() 02 result!';
}).then((val) => print(val)).whenComplete(() => print('Future.microtask() 02 whenComplete!'));
Future.microtask(() => print('Future.microtask() 03'));

Future Static Methods

1. any(Iterable> futures)

      静态方法 any()Futures 数组中完成第一个 Future 的回调监听,包括成功回调 then() 和异常回调 catchError(),其中第一个 Future 完成之后,并不影响其他的 Future 执行;

Future.any([
  Future.delayed(Duration(seconds: 4)).then((val) => 4),
  Future.delayed(Duration(seconds: 2)).then((val) => '2'),
  Future.delayed(Duration(seconds: 3)).then((val) => null),
]).then((val) => print(val));

Future.any([
  Future.error(ArgumentError.notNull('Input')),
  Future.error('Future error01').then((val) => print('Future.error01 result = $val')).catchError((val) => print(val)),
  Future.error('Future error02').then((val) => print('Future.error02 result = $val')).catchError((val) => print(val))
      .whenComplete(() => print('Future.error03 whenComplete!'))
]).then((val) => print('Future.any() --> then()'))
    .catchError((val) => print('Future.any() --> catchError() --> $val'))
    .whenComplete(() => print('Future.any() whenComplete!'));

2. doWhile(FutureOr action())

      静态方法 doWhile() 可以用来执行循环任务,只有当返回内容是 false 或异常时停止;

var i = 0;
Future.doWhile(() {
  ++i;
  return Future.delayed(Duration(seconds: 2), () {
    print('Future.doWhile() $i, CurrentTime = ${DateTime.now().millisecondsSinceEpoch}');
    return i < 6;
  }).then((val) {
    print(val);
    return val;
  });
}.then((val) => print('Future.doWhile -> then() -> $val'))
    .whenComplete(() => print('Future.doWhile -> whenComplete()'));

3. forEach(Iterable elements, FutureOr action(T element))

      静态方法 forEach() 用来遍历执行 elements 中各 item,不止于单一数据类型;

Future.forEach([
  1,
  Future(() => print('Future.forEach() 01')),
  Future(() {
    print('Future.forEach() 02');
    return 'Future.forEach() 02 result!';
  }).then((val) => print(val)),
  'Hello Flutter!',
  Future(() {
    print('Future.forEach() 03');
    return 'Future.forEach() 03 result!';
  }).then((val) => print(val))
      .whenComplete(() => print('Future.forEach() 03 whenComplete!'))
], (val) => print(val))
    .then((val) => print('Future.forEach() -> then() -> $val'))
    .whenComplete(() => print('Future.forEach() -> whenComplete()'));

4. wait(Iterable> futures, {bool eagerError: false, void cleanUp(T successValue)})

      静态方法 wait() 用来等待多个 Futures 完成之后再执行,并收集结果,其中 Futures 时按延迟或其他顺序执行,只有所有的 Futures 结束之后会按 Futures 数组收集;

Future.wait([
  Future.delayed(Duration(seconds: 4)).then((val) {
    print('Future -> 4');
    return 4;
  }).whenComplete(() => print('Future -> 4 whenComplete!')),
  Future.delayed(Duration(seconds: 2)).then((val) {
    print('Future -> 2.toString()');
    return '2';
  }).whenComplete(() => print('Future -> 2.toString() whenComplete!')),
  Future.delayed(Duration(seconds: 3)).then((val) {
    print('Future -> null');
    return null;
  }).whenComplete(() => print('Future -> null whenComplete!')),
]).then((val) => print(val))
    .catchError((val) => print('Future.wait() --> catchError() --> $val'))
    .whenComplete(() => print('Future.wait() whenComplete!'));

      a. Future.wait() 只会捕获 Futures 中第一个异常,且当前 Future 未进行捕获,即:Future 中都进行了 catchError 则不会进入 wait().catchError()

Future.wait([
  Future.delayed(Duration(seconds: 4)).then((val) {
    print('Future -> 4');
    return 4;
  }).whenComplete(() => print('Future -> 4 whenComplete!')),
  Future.error('Future error01')
      .then((val) => print('Future.error01 result = $val'))
      .catchError((val) => print(val)),
  Future.error(ArgumentError.notNull('Input')),
  Future.error('Future error02')
      .then((val) => print('Future.error02 result = $val'))
      .catchError((val) => print(val))
      .whenComplete(() => print('Future.error02 whenComplete!'))
]).then((val) => print('Future.wait() --> then()'))
    .catchError((val) => print('Future.wait() --> catchError() --> $val'))
    .whenComplete(() => print('Future.wait() whenComplete!'));

      b. wait() 但异常捕获时机与 eagerError 参数相关,eagerError = true 时,Futures 中第一个返回异常时 wait() 立即捕获;eagerError = false 时,需等 Futures 全部执行结束之后才会捕获;

eagerError: true

      c. Futures 中出现异常时,cleanUp 会给每项正常执行的 Future 进行清理操作,传递给 cleanUp 的参数为每个正常执行项的返回内容;

Future.wait([
  Future.delayed(Duration(seconds: 4)).then((val) {
    print('Future -> 4');
    return 4;
  }).whenComplete(() => print('Future -> 4 whenComplete!')),
  Future.error('Future error01')
      .then((val) => print('Future.error01 result = $val'))
      .catchError((val) => print(val)),
  Future.error(ArgumentError.notNull('Input')),
  Future.delayed(Duration(seconds: 2)).then((val) {
    print('Future -> 2.toString()');
    return '2';
  }),
  Future.error('Future error02')
      .then((val) => print('Future.error02 result = $val'))
      .catchError((val) => print(val))
      .whenComplete(() => print('Future.error02 whenComplete!')),
], cleanUp: (val) => print('Future.wait() --> cleanUp --> $val'))
    .then((val) => print('Future.wait() --> then()'))
    .catchError(
        (val) => print('Future.wait() --> catchError() --> $val'))
    .whenComplete(() => print('Future.wait() whenComplete!'));


      Dart Future 案例尝试


      小菜对 Dart 异步的认知还不完全,接下来会继续尝试 await-async 以及 EventLoop 执行顺序等;如有错误和遗漏请多多指导!

来源: 阿策小和尚

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章