阅读 2083

Dart4Flutter – 04 – 异步和库

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

Dart4Flutter – 02 –控制流 和异常

Dart4Flutter – 03 – 类和泛型

Dart4Flutter – 04 – 异步和库

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

flutter入门 - 状态管理

Flutter 入门实例1

引入第三方库

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

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

Future

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

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

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…

关注下面的标签,发现更多相似文章
评论