Flutter/Dart 中的 Future<void>, async, await, then, catchError

Question

有什么区别：

未来，异步，等待，然后，catchError

Future<void> copyToClipboard(BuildContext context, String text) async {
  await Clipboard.setData(ClipboardData(text: text))
      .then((_) => showSnackBar(context, 'Copied to clipboard'))
      .catchError((Object error) => showSnackBar(context, 'Error $error'));
}

void、async、await、then、catchError

void copyToClipboard(BuildContext context, String text) async {
  await Clipboard.setData(ClipboardData(text: text))
      .then((_) => showSnackBar(context, 'Copied to clipboard'))
      .catchError((Object error) => showSnackBar(context, 'Error $error'));
}

void，然后，catchError

void copyToClipboard(BuildContext context, String text) {
  Clipboard.setData(ClipboardData(text: text))
      .then((_) => showSnackBar(context, 'Copied to clipboard'))
      .catchError((Object error) => showSnackBar(context, 'Error $error'));
}

所有方法都有效。如果我使用then 和catchError，我还需要将代码包装在async 函数中吗？

推荐的方式是什么？

Answer 1

首先async/await和then的概念基本相同。很多人说async/await是处理Promise的更优雅的方式（因为它看起来更有条理）。这两个想法的作用是：“做某事，一旦完成，就做其他事情”。

关于Future<void> copyToClipboard(BuildContext context, String text) async {...}： 在这里，您正在从您的函数返回一个 Promise。意思是，您可以使用

从其他地方调用该函数

await copyToClipboard(context,"Text"); 
print("Done");

但是，您也可以返回 Promise 本身（然后在调用该函数的任何位置处理它）：

Future<void> copyToClipboard(BuildContext context, String text) async {
  return Clipboard.setData(ClipboardData(text: text));    
}
void somewhereElse() async{
 await copyToClipboard(context,"Text"); // (1)
 print("Copied"); //Happens after (1)
}

因此，如果您使用then，您将把以下指令放入它调用的相应函数中（如您的第 3 个 sn-p 所示）。用 async 解决第二个 sn-p 看起来像这样：

void copyToClipboard(BuildContext context, String text) async {
  await Clipboard.setData(ClipboardData(text: text));// (1)
  showSnackBar(context, 'Copied to clipboard')); // (2) This will only be called when (1) has completed
}

如果这条指令抛出错误，你可以将它包装到一个 try/catch 块中：

void copyToClipboard(BuildContext context, String text) async {
  try{
      await Clipboard.setData(ClipboardData(text: text));// (1)
      showSnackBar(context, 'Copied to clipboard')); // (2) This will only be called when (1) has completed
  }catch (error) {
     print(error.message);
  }
}

如果您更喜欢 then/wait 或 async/await 取决于您。我会推荐异步/等待。请记住，在使用 async/await 时，您需要将 async 关键字放入函数的签名中，以便调用该函数的函数知道，调用它可能需要一段时间并等待它。