可以算是Flutter面試涼涼經吧

reply-1988發表於2019-02-16
Flutter面試

一面問的Java 和Android基礎

  1. Jvm虛擬機器
  2. messageQueue會不會阻塞ui執行緒
  3. 物件鎖和類鎖
  4. 之字形列印樹
  5. 還有其他的記不清了，主要是我對二面印象太深刻了。

二面問的Flutter和Dart

  1. dart是值傳遞還是引用傳遞
  2. Widget和element和RenderObject之間的關係
  3. widget的root節點
  4. mixin extends implement之間的關係（除了extends其他的沒怎麼用過。。）
  5. jvm記憶體模型（感覺這個是面試官可憐我，看我什麼都不會才問的=。=）
  6. Future和microtask執行順序
  7. dart中..的用法（基本沒用過。。）
  8. await for（沒用過。。）

說實話，第一個、第三個、第六個我準備的話應該能答出來的，但是一個多月沒碰Flutter了，忘了都差不多。。。 等下把二面的答案寫出來，希望能幫助後來人。 此外GitHub和部落格維護好很重要，像我這種demo隨手寫，隨手刪的人直接GG。。

1. dart是值傳遞還是引用傳遞

首先給個結論，dart是值傳遞。

之前把引用傳遞理解錯了，給各位讀者報個歉，同時也感謝評論區的指正

先來看段程式碼

main(){
  Test a = new Test(5);
  print("a的初始值為：${a.value}");
  setValue(a);
  print("修改後a的值為: ${a.value}");
}

class Test{
  int value = 1;
  Test(int newValue){
    this.value = newValue;
  }
}

setValue(Test s){
  print("修改value為100");
  s.value = 100;
}
複製程式碼

輸出結果為：

a的初始值為：5
修改value為100
修改後a的值為:100
複製程式碼

從這裡可以看出是值傳遞，如果只是複製了一個物件的話，main函式中的a值是不會發生變化的。 有些人可能會以以下程式碼反駁我：

main(){
  int s = 6;
  setValue(s);
  print(s); //輸出6，而不是7
}

class Test{
  int value = 1;
  Test(int newValue){
    this.value = newValue;
  }
}

setValue(int s){
  s += 1;
}
複製程式碼

你看，這輸出的不是6嗎，在dart中一切皆為物件，如果是值傳遞，那為什麼是6啊。

答案是這樣的，在setValue()方法中，引數s實際上和我們初始化int s = 6的s不是一個物件，只是他們現在指的是同一塊記憶體區域，然後在setValue()中呼叫s += 1的時候，這塊記憶體區域的物件執行+1操作，然後在堆(類比java)中產生了一個新的物件，s再指向這個物件。所以s引數只是把main函式中的s的記憶體地址複製過去了，就比如java中的：

public class Test {
    public static void main(String[] args) {
        //相當於dart中main函式初始化
        Test a = new Test();
        //相當於setValue()中的s，並把引數代表的記憶體地址賦值給b
        Test b = a;    
        //s指向一個新物件，即為dart中的s += 1
        b = new Test();
    }
}
複製程式碼

我們只要記住一點，引數是把記憶體地址傳過去了，如果對這個記憶體地址上的物件修改，那麼其他位置的引用該記憶體地址的變數值也會修改。千萬要記住dart中一切都是物件。

偷偷說一句，我覺得面試官這個地方面試的不好，這種細節問題，如果不是遇到什麼bug，業務忙的時候是沒時間注意這個的，面試官可以把這兩種情況展示下，然後問面試者原因是什麼。。然後我就能回答出來了。。哭唧唧。。

2. Widget和element和RenderObject之間的關係

首先我詳細說下當時的情景，面試官問我Widget和Element之間是不是一對多的關係，如果是增加一個Widget之後，這個關係又是什麼。 這部分還是沒有很好地答案，現在只是一個猜想，如果新增了一個widget，Element樹遍歷後面所有的Element看型別是否發生改變，有的話再重建RenderObject。Element和Widget之間應該還是一對一的關係，因為每個Widget的context都是獨一無二的。等想好了再寫上去吧。

3. widget樹的root節點

還是沒能理解面試官的意思。。有能夠理解的同學請評論告知我一下。 現在理解了，面試官的意思應該指是runApp()方法中的那個的Widget。我當時也想說的，不過忘記這個方法名是啥了。。。

4. mixin extends implement之間的關係

這部分可以參考掘金的小德大佬的文章，高產似那啥。。

6. Future和microtask執行順序

同樣參考小德的文章

7. dart中..是什麼

級聯符號 .. 可以讓你連續操作相同的物件，不單可以連續地呼叫函式，還可以連續地訪問方法，這樣做可以避免建立臨時變數，從而寫出更流暢的程式碼，流式程式設計更符合現代程式設計習慣和程式設計風格:

main(){
  Tree tree = new Tree(1);
  tree..test1 = 1..test2 =5;
  print(tree.test1);
  print(tree.test2);
}

class Tree{
  int value;
  int test1 = 2;
  int test2 = 3;
  Tree(int a){
    this.value = a;
  }
}
複製程式碼

8. await for使用

先來一段官方文件

await-for

As every Dart programmer knows, the for-in loop plays well with iterables. Similarly, the await-for loop is designed to play well with streams. Given a stream, one can loop over its values: Every time an element is added to the stream, the loop body is run. After each iteration, the function enclosing the loop suspends until the next element is available or the stream is done. Just like await expressions, await-for loops can only appear inside asynchronous functions.

大概意思就是await for是不斷獲取stream流中的資料，然後執行迴圈體中的操作。

Stream<String> stream = new Stream<String>.fromIterable(['不開心', '面試', '沒', '過']);
main() async{
  print('上午被開水燙了腳');
  await for(String s in stream){
    print(s);
  }
  print('晚上還沒吃飯');
}
複製程式碼

輸出為

上午被開水燙了腳
不開心
面試
沒
過
晚上還沒吃飯
複製程式碼

await for 和 listen的作用很相似，都是獲取流中資料然後輸出，但是正如await for中的await所示，如果stream沒有傳遞完成，就會一直阻塞在這個位置，上面沒吃飯是最後輸出的，下面給個listen的例項，一看就懂。

Stream<String> stream = new Stream<String>.fromIterable(['不開心', '面試', '沒', '過']);
main(){
  print('上午被開水燙了腳');
  stream.listen((s) { print(s); });
  print('晚上還沒吃飯');
}
複製程式碼

輸出為

上午被開水燙了腳
晚上還沒吃飯
不開心
面試
沒
過
複製程式碼

所以await for一般用在直到stream什麼時候完成，並且必須等待傳遞完成之後才能使用，不然就會一直阻塞，造成類似於Android ANR的問題。

總結

其實面試官還是很nice的，第一次見到活的大佬。。大佬對flutter和dart的研究真的很深入，遠不是我這種只會調api的人可以比擬的。 主要還是我一個半月沒使用過flutter了，然後之前問其他大佬要不要準備Flutter，大佬們說不用，以前看的很多東西都忘的差不多了。 哎，還是自己準備不充分，或者開始大佬問我的時候直接回答忘得差不多了，應該就能過了吧。

另：求Android實習一份，最好是大廠的。。。

相關文章