【Flutter 面试题】怎么理解Flutter异步编程的async和await？

文章目录

- 写在前面
- 口述回答
- 补充说明
- - 完整代码示例
  - 运行结果
  - 详细说明

写在前面

🙋 关于我，小雨青年 👉 CSDN博客专家，GitChat专栏作者，阿里云社区专家博主，51CTO专家博主。2023博客之星TOP153。

👏🏻 正在学 Flutter 的同学，你好！

😊 Flutter 面试宝典是解决 Flutter 面试过程中可能出现的问题，而进行汇总整理的。一个问题一篇文章，优化答案，更适合面试过程中的口述，满足实际面试需求。

🔍 想解决开发中的高频零散问题？碎片化教程 👉 Flutter Tips。

🔍 想深入学习 Flutter？系统化教程 👉 Flutter 从0到1 基础入门到应用上线全攻略 & 专栏指引。

👥 快来和我们一起交流！👉 讨论群在这里，和大家一起进步！

口述回答

在 Dart 和 Flutter 的生态中，async 和 await 关键字构成了异步编程的基础，它们极大地简化了异步操作的处理流程。async 关键字用于声明一个函数为异步函数，这意味着该函数的执行可能不会立即完成，并且会返回一个 Future 对象。Future 是 Dart 中的一个核心类，代表一个可能在未来某个时间点返回结果的计算。

当在 async 函数内部遇到 await 关键字时，执行流程会暂停，直到 await 后面的异步操作完成。这种暂停并不会阻塞整个线程，而是允许 Dart 的事件循环继续处理其他事件，如用户交互或动画，从而保持应用的响应性。

使用 await 的优势在于它能够让异步代码的逻辑流程更加直观和清晰。开发者不再需要通过嵌套回调（俗称“回调地狱”）来处理异步操作的结果，而是可以以近似同步的方式编写代码，使得逻辑更容易理解和维护。

async 和 await 在错误处理方面也提供了便利。在 async 函数中，可以使用传统的 try-catch 结构来捕获异步操作中抛出的异常，这比处理 Future 的 catchError 方法更加直观。

async 和 await 在 Dart 和 Flutter 中提供了一种高效且易于管理的方式来处理异步操作，它们对于构建现代、响应快速的应用程序是不可或缺的。

补充说明

为了深入理解 Dart 中的 async 和 await，我们将通过一个具体的例子来说明它们是如何工作的。

假设我们有一个应用，需要从网络获取一些数据，然后显示这些数据。这个过程涉及到异步操作，因为我们不知道数据什么时候能够被成功获取。

我们将创建一个简单的 Dart 程序，该程序使用 http 包从一个模拟的 API 端点获取数据。然后，我们将使用 async 和 await 来等待网络响应，并处理得到的数据。

完整代码示例

首先，你需要在你的 Dart 项目的 pubspec.yaml 文件中添加 http 包的依赖：

dependencies:
  flutter:
    sdk: flutter
  http: ^1.2.1

执行 flutter pub get。

然后，下面是我们的 Dart 代码：

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

// 异步函数，从模拟的 API 端点获取数据
Future<String> fetchData() async {
  final response = await http.get(Uri.parse('https://jsonplaceholder.typicode.com/posts/1'));
  
  if (response.statusCode == 200) {
    // 如果服务器返回了一个 200 OK 响应，那么我们将解析 JSON
    return json.decode(response.body)['title'];
  } else {
    // 如果响应不是 200 OK 响应，那么抛出一个异常
    throw Exception('Failed to load post');
  }
}

void main() async {
  print('Fetching data...');
  try {
    final data = await fetchData();
    print('Data fetched: $data');
  } catch (e) {
    print(e);
  }
}

运行结果

当你运行这段代码时，你会看到以下输出：

Fetching data...
Data fetched: sunt aut facere repellat provident occaecati excepturi optio reprehenderit

这表明我们的程序成功地从网络获取了数据，并打印出了获取到的数据。

详细说明

我们定义了一个名为 fetchData 的异步函数，它使用 http.get 方法来发送一个 HTTP GET 请求到指定的 URL。由于 http.get 是异步的，我们在它前面加上了 await 关键字，这样我们的程序就会等待网络请求完成并得到响应。
await 关键字只能在标记为 async 的函数中使用。在我们的例子中，fetchData 函数是异步的，因此我们可以在其中使用 await。
在 main 函数中，我们同样使用了 await 来等待 fetchData 函数的结果。由于 main 函数现在包含了 await 关键字，我们也需要将其标记为 async。
使用 try-catch 结构来捕获并处理可能发生的异常，例如在网络请求失败时。