面试题：Flutter中async/await的基本原理及应用场景

async/await基本原理

async：
- async关键字用于定义一个异步函数。当一个函数被声明为async时，该函数始终返回一个Future对象。即使函数内部没有显式地返回Future，Dart也会自动将其返回值包装成一个已完成的Future。例如：
```
asyncFunction() async {
  return 42;
}
```
这里asyncFunction虽然返回的是一个普通整数42，但实际上返回的是一个已完成的Future<int>，值为42。
await：
- await关键字只能在async函数内部使用。它用于暂停当前async函数的执行，直到其等待的Future完成（无论是成功完成还是因错误而失败）。当Future完成时，await表达式会返回Future的结果。如果Future因错误而失败，await会抛出该错误，就像在普通代码中抛出异常一样。例如：
```
Future<int> fetchData() async {
  return 10;
}
asyncFunction() async {
  int result = await fetchData();
  print(result); // 输出10
}
```
这里await fetchData()暂停了asyncFunction的执行，直到fetchData返回的Future完成，然后将Future的结果赋值给result。

简化异步操作的方式

代码结构更清晰：在没有async/await之前，处理异步操作通常使用Future的链式调用，如.then()和.catchError()。这种方式在处理多个异步操作时，代码会变得非常复杂，形成所谓的“回调地狱”。而async/await使异步代码看起来更像同步代码，提高了代码的可读性和可维护性。例如：

传统链式调用方式：

Future<int> fetchData1() async {
  return 10;
}
Future<int> fetchData2(int value) async {
  return value * 2;
}
Future<int> fetchData3(int value) async {
  return value + 5;
}
chainCall() {
  fetchData1()
   .then((value1) => fetchData2(value1))
   .then((value2) => fetchData3(value2))
   .then((finalValue) => print(finalValue))
   .catchError((error) => print('Error: $error'));
}

使用async/await方式：

asyncFunction() async {
  try {
    int value1 = await fetchData1();
    int value2 = await fetchData2(value1);
    int finalValue = await fetchData3(value2);
    print(finalValue);
  } catch (error) {
    print('Error: $error');
  }
}

可以看到，async/await方式的代码结构更接近同步代码，逻辑更清晰。

异常处理更方便：async/await可以使用传统的try - catch块来处理异步操作中的异常，而不需要像链式调用那样使用.catchError()方法，使异常处理代码更统一和直观。

常见使用场景及代码示例

网络请求场景：

在Flutter中使用http库进行网络请求时，async/await非常有用。首先需要导入http库：import 'package:http/http.dart' as http;

Future<String> fetchDataFromServer() async {
  Uri url = Uri.parse('https://example.com/api/data');
  http.Response response = await http.get(url);
  if (response.statusCode == 200) {
    return response.body;
  } else {
    throw Exception('Failed to load data');
  }
}
asyncFunction() async {
  try {
    String data = await fetchDataFromServer();
    print(data);
  } catch (error) {
    print('Error: $error');
  }
}

这里await http.get(url)暂停执行，直到网络请求完成，然后根据响应状态码处理结果或抛出异常。

文件读取场景：

使用dart:io库进行文件读取，首先导入dart:io：import 'dart:io';

Future<String> readFile() async {
  File file = File('path/to/your/file.txt');
  try {
    return await file.readAsString();
  } catch (error) {
    throw Exception('Failed to read file: $error');
  }
}
asyncFunction() async {
  try {
    String content = await readFile();
    print(content);
  } catch (error) {
    print('Error: $error');
  }
}

这里await file.readAsString()暂停执行，直到文件读取操作完成，然后返回文件内容或抛出异常。

星途面试题库

面试题：Flutter中async/await的基本原理及应用场景

知识考点

面试题答案

async/await基本原理

简化异步操作的方式

常见使用场景及代码示例