Dart4Flutter – 04 – 异步和库

Dart4Flutter -01 – 变量, 类型和 函数网络

Dart4Flutter – 02 –控制流 和异常异步

Dart4Flutter – 03 – 类和泛型async

Dart4Flutter – 04 – 异步和库函数

Dart4Flutter -拾遗01 - flutter-dart环境搭建post

flutter入门 - 状态管理ui

Flutter 入门实例1spa

引入第三方库

引入async库,获取异步的支持3d

import 'dart:async';
 
main(List<String> args) {
 
}
复制代码

Future

async 库中有一个叫Future的东西。Future是基于观察者模式的。若是你熟悉Rx或者JavaScript的Promises,你就明白了。code

简单说,一个Future定义一个将来要发生的事,例如,未来一个值返回给咱们。来让咱们看看Future实际怎么用。cdn

Future是支持泛型的,例如Future,经过T指定未来返回值的类型。

import 'dart:async';
 
main(List<String> args) {
  getAJoke().then((value) {
    print(value);
  })
  .catchError((error) {
    print('Error');
  });
}
 
Future<String> getAJoke() {
  return new Future<String>(() {
    //Do a long running task. E.g. Network Call.
    //Return the result
    return "This is a joke";
  });
}
复制代码

咱们定义了一个叫getAJoke的函数,返回值为Future<String>.你能够经过new关键字建立一个Future。Future的构造函数,须要一个函数做为参数,这个函数返回T类型的数据。在匿名函数中的返回值就是Future的返回值。

在main函数中,咱们调用了getAJoke方法,他返回Future<String>.咱们经过调用then方法订阅Future,在then中注册回调函数,当Future返回值时调用注册函数。同时注册了catchError方法处理在Future执行之间发生的异常。在上面的例子中不会发生异常。

下面的例子是会发生异常的例子。

import 'dart:async';
 
main(List<String> args) {
  getAJoke().then((value) {
    print(value);
  })
  .catchError((error) {
    print('Error');
  });
}
 
Future<String> getAJoke() {
  return new Future<String>(() {
    //Do a long running task. E.g. Network Call.
    //Return the result
    throw new Exception('No joke for you!');
    return "This is a joke";
  });
}
复制代码

如今咱们的例子都是会当即返回的,可是在生产环境中都是一些耗时的操做,例如,网络调用,咱们可使用Future.delayed()模仿

import 'dart:async';
 
main(List<String> args) {
  getAJoke().then((value) {
    print(value);
  })
  .catchError((error) {
    print('Error');
  });
}
 
Future<String> getAJoke() {
  return new Future<String>.delayed(new Duration(milliseconds: 2000),() {
    //Do a long running task. E.g. Network Call.
    //Return the result
    return "This is a joke";
  });
}
复制代码

如今若是你运行,你将须要2秒,才能返回结果。如今看另外一个例子。

import 'dart:async';
 
main(List<String> args) {
  getAJoke().then((value) {
    print(value);
  })
  .catchError((error) {
    print('Error');
  });
  print('Another print statement.');
}
 
Future<String> getAJoke() {
  return new Future<String>.delayed(new Duration(milliseconds: 2000),() {
    //Do a long running task. E.g. Network Call.
    //Return the result
    return "This is a joke";
  });
}
复制代码

如上所示,在调用函数以后,咱们添加了print语句。在这种场景中,print语句会先执行,以后future的返回值才会打印。这是future的预期行为.可是若是咱们但愿在执行其余语句以前,先执行future。因此咱们须要用到async/await.

Async/Await

import 'dart:async';
 
main(List<String> args) async {
  try {
    String result = await getAJoke();
    print(result);
  } catch(e) {
    print(e);
  }
  print('Another print statement.');
}
 
Future<String> getAJoke() {
  return new Future<String>.delayed(new Duration(milliseconds: 2000),() {
    //Do a long running task. E.g. Network Call.
    //Return the result
    return "This is a joke";
  });
}
复制代码

如上所示,咱们在main函数的花括号开始添加async关键字。咱们添加await关键字在调用getAJoke方法以前,他所作的就是在future返回值以后,继续往下执行。咱们将整个代码包裹在try-catch中,咱们想捕获全部的异常,和以前使用catchError回调是同样。使用awiat关键字,必须给函数添加async关键字,不然没有效果。

结束

参考

thetechnocafe.com/just-enough…