Flutter async/await 在 forEach 中不起作用

Posted 2023-02-23

【中文标题】Flutter async/await 在 forEach 中不起作用

【英文标题】：Flutter async/await doesn't work inside forEach

【发布时间】：2020-12-07 11:58:39

【问题描述】：

我不知道这里缺少什么。这是一个假设向客户下订单的功能。整个逻辑很简单：

如果购物车中有 1 件商品，则只执行一次。如果有更多，则将订单附加到第一个订单号。但由于某种原因，它最初并没有等到 orderRepo.addOrder 执行完成。

  dynamic firstOrderNumber = 0;
  var existingOrder = false;

  void addOrder(List<Cart> carts) async         --> Coming to add the list of orders
    carts.forEach((_cart) async                 --> Going to add each items in cart
      
             x += 1;
  print("\nVALUE of x inside addOrder = $x");     -> Adding X flag here to check
      Order _order = new Order();

      _order.productOrders = new List<ProductOrder>();
      _order.tax = _cart.product.store.defaultTax;
      _order.deliveryFee = payment.method == 'Pay on Pickup'
          ? 0
          : _cart.product.store.deliveryFee;
      OrderStatus _orderStatus = new OrderStatus();
      _orderStatus.id = '1'; 
      _order.orderStatus = _orderStatus;
      _order.deliveryAddress = payment.method == 'Pay on Pickup'
          ? new Address()
          : settingRepo.deliveryAddress.value;
      _order.hint = ' ';
      ProductOrder _productOrder = new ProductOrder();
      _productOrder.quantity = _cart.quantity;
      _productOrder.price = _cart.product.price;
      _productOrder.id = _cart.product.id;
      _productOrder.product = _cart.product;
      _productOrder.options = _cart.options;

      _order.productOrders.add(_productOrder);
      print("Current value of EXISTING : $existingOrder");
      if (!existingOrder) 
        print("\n\nEntering not existing order....\n");
        await orderRepo.addOrder(_order, this.payment).then((value)       ---> Doesn't wait. PROBLEM
          if (value is Order) 
            print("The value is now $value");
            firstOrderNumber =
                value.id.toString(); //catching order number to append
            print("FIRSTORDERNUMBER : $firstOrderNumber");
            setState(() 
              loading = false;
            );
          
        );
        print("Settting value of existing order now...");
        existingOrder = true;
        print("Existing order is now $existingOrder");
      
      // print("Existing order is now $existingOrder");
      else 
        print("\n\nEntering existing order....\n");
        orderRepo
            .addAdditionalOrder(
                _productOrder, _cart, _order, firstOrderNumber, this.payment)
            .then((value) 
          if (value is Order) 
            setState(() 
              loading = false;
            );
          
        );
      
    );
  

控制台输出：

I/flutter ( 6925): VALUE of x inside addOrder = 1
I/flutter ( 6925): Current value of EXISTING : false
I/flutter ( 6925): Entering not existing order....
I/flutter ( 6925): VALUE of x inside addOrder = 2    ---> See the problem. It came back to increment X before the await is complete.  
I/flutter ( 6925): Current value of EXISTING : false
I/flutter ( 6925): Entering not existing order....   

//现在它给出了它之前应该等待的 AWAIT 的结果.....

I/flutter ( 6925): The response of first order is : <JSON RESPONSE from first addOrder execution...coming late..>
I/flutter ( 6925): The value is now Instance of 'Order'
I/flutter ( 6925): FIRSTORDERNUMBER : 141
I/flutter ( 6925): Settting value of existing order now...
I/flutter ( 6925): Existing order is now true
I/flutter ( 6925): The response of first order is : 

有什么提示吗？在await orderRepo.addOrder(_order, this.payment).then((value) 完成之前，我怎么能不执行任何其他操作？？？好几天一直在尝试 n 错误

【问题讨论】：

我最近也遇到了这个问题。当forEach 里面有一个await 关键字时，forEach 的问题是它会跳过forEach 函数并稍后执行它。看看这个：***.com/questions/51106934/…

没错！这就是我所看到的...跳过等待并最终执行...难道 forEach 不是正确的选择吗？？

不，Iterable.forEach 不是正确的选择。它不期望异步回调。只需使用普通的for 循环即可。普通的for 循环更易读、更灵活（break 和continue 工作）、更通用（没有这样的陷阱）和更高效（没有额外的回调）。但是，如果您仍然更喜欢使用forEach 样式，则应改为使用Future.forEach。

非常感谢@Uni & @jamesdlin！！！我搬到了，现在一切都很好......再次感谢你！！！

【参考方案1】：

像这样尝试ma​​p()

await Future.wait(carts.map((_cart)async

  //your code here


));

【讨论】：

试过这个并得到：无法命名函数表达式。尝试删除名称，或将函数表达式移动到函数声明 statement.dart(named_function_expression) 作为错误，我错过了什么吗？

@AdrianKarr 我更新了它有语法错误的代码现在再试一次。

摆脱了错误..但不符合用例。它仍然跳过等待到下一个。我刚刚修改了我的代码，添加了一个“X”标志，以便使用来自控制台的新 OUTPUT 使事情更加清晰。你能看看提出一些建议吗？

我看到了你的代码，你为什么在使用 await 时添加 then ？这就是您要使用 await 等待的值（与 then(value) 相同）？

应该是这样的'var value = await orderRepo.addOrder(_order, this.payment);'然后直接使用该值而不使用 then，如果您正在等待，则应删除所有“then”语句，该值直接使用它而不嵌套它

【参考方案2】：

我认为它应该适合你！

myFunc() async 
  for(File file in files) 
    await saveFiles(file);
  

【讨论】：

这就是我所做的并且报告说没有工作。谢谢

你可以试试 await for 循环

【参考方案3】：

使用 then 函数的状态只需使用 await。

if (!existingOrder) 
    print("\n\nEntering not existing order....\n");
    var value = await orderRepo.addOrder(_order, this.payment);
    if (value is Order) 
        print("The value is now $value");
        firstOrderNumber = value.id.toString();
        print("FIRSTORDERNUMBER : $firstOrderNumber");
        setState(() 
          loading = false;
        );
      
    print("Settting value of existing order now...");
    existingOrder = true;
    print("Existing order is now $existingOrder");
  

【讨论】：

我按照您的建议@Tipu 尝试了这个。但是在第一个等待完成之前，控件会返回执行下一个 forEach 项目....有什么建议吗？

我通过将 forEach 更改为 for 循环来解决这个问题。谢谢您的意见

【参考方案4】：

根据 cmets 中少数人的建议，此线程的解决方案位于 My async call is returning before list is populated in forEach loop。由于他们是 cmets，因此无法将其标记为答案。因此，为了将来某人的利益而分享该链接！