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

三、借鑒文章地址

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

Future最簡單用法展示：

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

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

Future的其他用法展示：

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

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

用法二：Future.delayed

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

用法三：Future. microtask

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

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

dart的Event Loop

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

• 事件隊(duì)列包含外部事件，例如I/O, Timer，繪制事件等等。
• 微任務(wù)隊(duì)列則包含有Dart內(nèi)部的微任務(wù)，主要是通過scheduleMicrotask來調(diào)度。

image.png

Dart的事件循環(huán)的運(yùn)行遵循以下規(guī)則：

• 首先處理所有微任務(wù)隊(duì)列里的微任務(wù)。
• 處理完所有微任務(wù)以后。從事件隊(duì)列里取1個事件進(jìn)行處理。
• 回到微任務(wù)隊(duì)列繼續(xù)循環(huán)。

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

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

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

Completer

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

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

打印結(jié)果如下：

flutter: 先干點(diǎn)別的
flutter: 運(yùn)行的Future第一個then
flutter: 運(yùn)行的Future第二個then
flutter: 運(yùn)行whenComplete

結(jié)論：Completer讓Future的控制權(quán)在我們自己手里，我們來控制Future的調(diào)用。

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

async、await

代碼奉上，現(xiàn)行感受一下：

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");
}

函數(shù)foo被關(guān)鍵字async修飾，其內(nèi)部的有3行代碼，看起來和普通的函數(shù)沒什么兩樣。但是在第2行等號右側(cè)有個await關(guān)鍵字，await的出現(xiàn)讓看似會同步執(zhí)行的代碼裂變?yōu)閮刹糠?。如下圖所示：

image.png

綠框里面的代碼會在foo函數(shù)被調(diào)用的時候同步執(zhí)行，在遇到await的時候，會馬上返回一個Future，剩下的紅框里面的代碼以then的方式鏈入這個Future被異步調(diào)度執(zhí)行。
所以結(jié)果應(yīng)該是：

main E
foo E
bar E
main X
foo X Hello

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

Screen Shot 2019-09-09 at 20.33.49.png

Flutter 異步編程二（isolate、compute）