• 說明：flutter異步編程我打算分開兩部分：
  一、Future、async、await、completer實現。
  二、Isolate、compute實現。

三、借鑒文章地址

這篇文章講解Future、async、await、completer的使用。

Future最簡單用法展示：

  void getData<T>() async{
    Future zyn = Future(() => print('運行的Future'))
                  .then((_) => print('運行的Future第一個then'))
                  .then((_) => print('運行的Future第一個then'))
                  .whenComplete(()=>print('運行whenComplete'))
                  .catchError((_)=>print('運行catchError'));
    print(zyn);
  }

寫過react native的童鞋都知道，在rn中有個promise,目的是解決回調地獄（callBack無限嵌套）的出現，而且上面的代碼和promise的使用相同。
1、then的鏈式連接避免了回調地獄的出現
2、whenComplete、catchError類似iOS中的try、catch。

Future的其他用法展示：

用法一：直接后面加需要執行的代碼

Future(() => print('立刻在Event queue中運行'));

用法二：Future.delayed

Future.delayed(const Duration(seconds:1), () => print('1秒后在Event queue中運行'));

用法三：Future. microtask

Future.microtask(() => print('在Microtask queue里運行的Future'));

前兩個很好理解，第一個為立刻執行、第二個為delay一秒后執行。那么Future.microtask是什么用法呢？
要理解這個，需要知道dart的Event Loop。

dart的Event Loop

Dart的事件循環如下圖所示。和JavaScript的基本一樣。循環中有兩個隊列。一個是微任務隊列（MicroTask queue），一個是事件隊列(Event queue)。

• 事件隊列包含外部事件，例如I/O, Timer，繪制事件等等。
• 微任務隊列則包含有Dart內部的微任務，主要是通過scheduleMicrotask來調度。

image.png

Dart的事件循環的運行遵循以下規則：

• 首先處理所有微任務隊列里的微任務。
• 處理完所有微任務以后。從事件隊列里取1個事件進行處理。
• 回到微任務隊列繼續循環。

注意第一步里的所有，也就是說在處理事件隊列之前，Dart要先把所有的微任務處理完。如果某一時刻微任務隊列里有8個微任務，事件隊列有2個事件，Dart也會先把這8個微任務全部處理完再從事件隊列中取出1個事件處理，之后又會回到微任務隊列去看有沒有未執行的微任務。

總而言之，就是對微任務隊列是一次性全部處理，對于事件隊列是一次只處理一個。

那么上面Future. microtask的使用也就明白了。

Completer

不多BB，用法直接上代碼。

  void getData<T>() async{
    var completer = Completer();
    Future zyn = completer.future;
    zyn.then((_) => print('運行的Future第一個then'))
                  .then((_) => print('運行的Future第二個then'))
                  .whenComplete(()=>print('運行whenComplete'))
                  .catchError((_)=>print('運行catchError'));
    print('先干點別的');
    completer.complete();
  }

打印結果如下：

flutter: 先干點別的
flutter: 運行的Future第一個then
flutter: 運行的Future第二個then
flutter: 運行whenComplete

結論：Completer讓Future的控制權在我們自己手里，我們來控制Future的調用。

雖然Future的出現解決了回調地獄的出現，但是依然會出現Future的嵌套，比如兩個異步，第二個要依賴第一個結果，那是不是就要在第一個Future的then或者whenComplete中再初始化一個Future？
async、await的出現就是為了解決這個問題，讓你的異步代碼，寫出同步的感覺。

async、await

代碼奉上，現行感受一下：

foo() async {
  print('foo E');
  String value = await bar();
  print('foo X $value');
}

bar() async {
  print("bar E");
  return "hello";
}

main() {
  print('main E');
  foo();
  print("main X");
}

函數foo被關鍵字async修飾，其內部的有3行代碼，看起來和普通的函數沒什么兩樣。但是在第2行等號右側有個await關鍵字，await的出現讓看似會同步執行的代碼裂變為兩部分。如下圖所示：

image.png

綠框里面的代碼會在foo函數被調用的時候同步執行，在遇到await的時候，會馬上返回一個Future，剩下的紅框里面的代碼以then的方式鏈入這個Future被異步調度執行。
所以結果應該是：

main E
foo E
bar E
main X
foo X Hello

到這里就講完啦，接下來留一個題目，請大家留言，寫下自己的答案吧：

Screen Shot 2019-09-09 at 20.33.49.png

Flutter 異步編程二（isolate、compute）