兵贵神速——then 与 await 获取的异步有什么区别

在Dart中,then和await都是用于获取异步结果的方法,但有以下几点区别:1. await只能在异步函数(async函数)中使用,而then可以在任何函数中使用。例如:

dart
Future<void> doSomething() async {
  var result = await otherFunction();  // 使用await
  // ...
}

Future<void> doAnotherThing() {
  otherFunction().then((result) {  // 使用then
    // ...
  });  
}

1. await会暂停当前异步函数的执行,等待异步操作完成。then则不会暂停函数执行。例如:

dart
Future<void> doSomething() async {
  print('Before await');
  var result = await otherFunction(); 
  print('After await');  
}

Future<void> doAnotherThing() {
  print('Before then');
  otherFunction().then((result) {  
    print('After then');  
  });
  print('During then');  
}

输出: Before await Before then During then After await After then3. await必须跟着Future,它会等待Future的结果。then可以接受Future以外的其他值。例如:

dart
Future<void> doSomething() async {
  await Future.value('Hello');
}

void doAnotherThing() {
  'Hello'.then(print);  // 非Future值也可以使用then
}

所以总结来说,await是在异步函数中等待Future结果的一种更简洁的语法,但它有一定限制。then则更为灵活,可以在任何函数中使用,并且不仅限于Future。

1. 使用then时,setState()在then内部,会先执行完getDataFromDatabase(),再刷新页面。使用await时,setState()在await外部,会先执行await getDataFromDatabase(),获取异步结果,然后再执行setState()刷新页面。
2. 使用then时,如果getDataFromDatabase()抛出异常,会导致页面无法刷新。使用await时,如果getDataFromDatabase()抛出异常,由于在await外部调用了setState(),页面依然会刷新,我们可以在catch中进行处理。所以,在这种场景下,我更推荐使用await来进行异步查库和刷新页面,原因有:1. 代码看起来更加简洁清晰。2. 如果数据获取过程中抛出异常,页面依然可以刷新,异常可以在catch中统一处理,避免页面处于错误状态。3. 在实际开发中,我们更关注异步结果数据,await可以让我们先获取到数据,再进行其他操作,符合正常思维流程。当然,如果getDataFromDatabase()内没有可能抛出异常的操作,使用then也会正常工作。

await会暂停当前await所在函数的执行,等待await右侧的异步操作完成后,await左侧的代码才会继续执行。而then不会暂停函数的执行。当使用then时,then所在的函数会继续执行,而异步操作的完成回调会在异步操作完成后被执行。例如:

dart
Future<void> doSomething() async {
  print('Before await');  // 1
  var result = await otherFunction();  
  print('After await');   // 4
}

void doAnotherThing() {
  print('Before then');   // 1
  otherFunction().then((result) => print('After then')); // 4
  print('During then');   // 2 
}

执行顺序:

1. Before await 
2. Before then
3. During then
4. After await
5. After then

我们可以看到,当使用await时,doSomething函数会在await之前(1)和之后(4)的语句之间暂停,等待otherFunction()完成。 而当使用then时,doAnotherThing函数不会暂停,会直接执行then之后的语句(2),而异步操作的完成回调(4)会在操作完成后被执行。