Dart基础--异步的实现

Dart是单线程语言，但在某些特定场景我们需要它是异步的，所以产生了两个概念
1.Future:（类似ES6的promise）
2.async:用来修饰需要异步执行的函数，常配合await使用
下面可以看看线程在遇到这些关键字时候的执行顺序或任务队列

一.Future的使用

//引入async库
import 'dart:async';
//通过以下那些Future构造函数生成的Future对象其实控制权不在你这里。
//它什么时候执行完毕只能等系统调度了。你只能被动的等待Future执行完毕然后调用你设置的回调

now(){
  print('111');
  //通过then串起来的那些回调函数在Future完成的时候会被立即执行，也就是说它们是同步执行，而不是被调度异步执行
  Future(()=>{print("222")})
    .then((res)=>{print("callback01")})
    .then((res)=>{print("callback02")})
    .catchError((error)=>print('错误捕获'))
    .whenComplete(()=> print('无论报错否一定执行'));
  print('333');
  //通过Future.value()实例化的Future会被调度到微任务队列异步完成
  Future.microtask(() => print('微任务队列里运行的Future'));
  //Future.delayed实例化的Future不会同步执行，会被调度到事件队列异步执行
  Future.delayed(const Duration(seconds:6), () => print('6秒后运行的Future'));
  Future.delayed(const Duration(seconds:0), () => print('0秒后运行的Future'));
  //通过Future.sync()实例化的Future会同步执行其入参函数，然后（除非这个入参函数返回一个Future）调度到微任务队列来完成自己
  Future.sync(() => print('同步运行的Future'));
}

main(){
  now();
}

//此处代码执行顺序：
111
333
同步运行的Future
微任务队列里运行的Future
222
callback01
callback02
无论报错否一定执行
0秒后运行的Future
6秒后运行的Future

二.async函数的使用

优点：
Future相对于调度回调函数来说，缓减了回调地狱的问题。
但是如果Future要串起来的的东西比较多的话，代码还是会可读性比较差。特别是各种Future嵌套起来，是比较烧脑的。

特点：
1.使用async修饰的函数视为内有异步操作
2.遇到await程序会认为后面有延时操作或等待操作
3.代码执行到async函数的第一个await关键字语句会暂停函数内以下代码，抛出一个Future，释放部分空间到函数调用的地方向下继续执行，执行完毕在回来执行await下面的语句--可见第五个demo（不太好阐述，所以配合代码体现）

1.第一个demo

now() async{
  print('111');
  String value=await outValue();
  print('now--$value');
}

outValue(){
  print("print outValue");
  return "hello outValue";
}

main(){
  print('main E');
  now();
  print('main X');
}

//执行顺序
main E
111
print outValue
main X
now--hello outValue

2.第二个demo

getData () async{
  String str=await "123";
  print('getData');
}

create(){
  getData();
  print('create');
}

main(){
  create();
}

//执行顺序
create
getData

3.第三个demo

main() {
  _startMethod();
  _method_C();
}

_startMethod() async{
  _method_A();
  await _method_B();
  print("start结束");
}
_method_A(){
  print("A开始执行这个方法~");

}

_method_B() async {
  print("B开始执行这个方法~");
  await print("后面执行这句话~");
  await print("继续执行这句哈11111~");
}

_method_C(){
  print("C开始");
}

//执行顺序
A开始执行这个方法~
B开始执行这个方法~
后面执行这句话~
C开始
继续执行这句哈11111~
start结束

4.第四个demo

create(){
  print("start");
  a();
  b();
  c();
  print("end");
}

a() {
  print('a1');
  String a= "a2";
  print("$a");
}

b() {
  print('b1');
  String b= "b2";
  print("$b");
}

c() {
  print('c1');
  String c= "c2";
  print("$c");
}

main(){
  create();
}

//执行顺序
start
a1
a2
b1
b2
c1
c2
end

5.第五个demo

create(){
  print("start");
  a();
  b();
  c();
  print("end");
}

a() async{
  print('a1');
  String a=await "a2";
  print("$a");
}

b() async{
  print('b1');
  String b=await "b2";
  print("$b");
}

c() async{
  print('c1');
  String c=await "c2";
  print("$c");
}

main(){
  create();
}

//执行顺序
start
a1
b1
c1
end
a2
b2
c2

6.第六个demo

import 'dart:convert' as convert;
import 'package:http/http.dart' as http;

create() async{
  print("start");
  a();
  print("end");
}

a() async{
  print('a1');
  String url="http://localhost:3000/myServer1";
  var res=await http.get(url);
  print('请求结果${res.body}');
  await b();
  print("a2");
}

b() async{
  print('b1');
  await c();
  print("b2");
}

c() async{
  print('c1');
  await print("c2");
  print('a3');
}

main(){
  create();
}

//执行顺序
start
a1
end
请求结果{"code":0,"data":"myServer1","message":"获取数据"}
b1
c1
c2
a3
b2
a2