Dart中变量值更新作用域问题：异步块外值为何未更新？

String name = "Jack";
String aName = "John";
if (!newChapter) {
   example....
} else {
  http.get(Uri.parse("https://api.quran.com/api/v4/chapters/" + currentChapter)).then((result) {
    var results = json.decode(result.body);
    name = results["chapter"]["name_simple"];
    aName  = results["chapter"]["name_arabic"];
    print(name); // updated value
  });
 print(name); // default value: Jack
}
 print(name); // default value: Jack

上述Dart代码中，在http.get的异步回调内更新了name和aName变量，但回调外部的print输出仍为初始值。请问该现象的原因是什么？有哪些解决思路？

原因 #

这是Dart异步执行机制导致的：

• http.get是异步网络请求，属于Future类型操作，它不会阻塞后续代码的执行流程。
• 当代码执行到http.get(...).then(...)时，只会发起网络请求，然后立刻继续执行后面的同步代码（也就是回调外部的print(name)）。此时回调函数里的变量更新逻辑还没运行——因为网络请求还没完成，回调要等请求返回结果后才会被调用。
• 所有外部的print都是同步执行的，自然只能拿到变量的初始值，等回调里更新变量时，这些print早就执行完了。

解决思路 #

1. 使用async/await简化异步逻辑 #

这是Dart中处理异步最直观的方式，把包含异步操作的代码放到async函数里，用await等待Future完成，后续代码会等请求结束后再执行：

// 外层函数需要标记为async
void fetchChapter() async {
  String name = "Jack";
  String aName = "John";
  if (!newChapter) {
     example....
  } else {
    final result = await http.get(Uri.parse("https://api.quran.com/api/v4/chapters/" + currentChapter));
    var results = json.decode(result.body);
    name = results["chapter"]["name_simple"];
    aName  = results["chapter"]["name_arabic"];
    print(name); // updated value
   print(name); // updated value
  }
 print(name); // updated value
}

2. 将依赖更新后变量的逻辑移入then回调 #

如果不想用async/await，可以把所有需要用到更新后name、aName的代码都放到then的回调函数内，确保逻辑在变量更新后执行：

String name = "Jack";
String aName = "John";
if (!newChapter) {
   example....
} else {
  http.get(Uri.parse("https://api.quran.com/api/v4/chapters/" + currentChapter)).then((result) {
    var results = json.decode(result.body);
    name = results["chapter"]["name_simple"];
    aName  = results["chapter"]["name_arabic"];
    print(name); // updated value
    // 把所有需要用更新后变量的逻辑都放在这里
    print(aName); // 同样能拿到更新后的值
  });
}

3. 结合状态管理（Flutter场景下） #

如果是在Flutter项目中，需要让UI或其他外部逻辑感知到变量的更新，可以使用状态管理方案：

• 用StatefulWidget的setState：在回调内调用setState(() { ... })更新变量，触发UI重建，此时UI上的变量会自动更新为最新值。
• 使用Provider、Riverpod、Bloc等状态管理库：把变量放到全局或局部状态容器中，更新状态后，依赖该状态的组件会自动同步最新值。

内容的提问来源于stack exchange，提问作者Shamsudeen McHalwai