异步的优缺点是什么，何时使用和何时不使用它以及回调的其他替代方案是什么？

Question

回调或异步方法或其他选项

回调瘟疫的解决方案是“await”和“async”或更具体的“dart:async”库。

现在，异步的成本是多少？
我们什么时候不应该使用它们？
还有什么其他选择？

下面是一个编码错误的非聚合物自定义元素，它在桌面环境中的作用类似于消息框。它给了我更少的大括号和括号，但要求调用者也是异步的或使用“show().then((v){print(v);});”模式。
我应该避免这样的模式吗？
回调更好吗？还是有更聪明的方法？

轮询版本

import 'dart:html';
import 'dart:async';
void init(){
  document.registerElement('list-modal',ListModal);
}
class ListModal extends HtmlElement{
  ListModal.created():super.created();
  String _modal_returns="";
  void set modal_returns(String v){
    ///use the modal_returns setter to
    ///implement a custom behaviour for
    ///the return value of the show method 
    ///within the callback you can pass on calling append .
    _modal_returns=v;
  }

  factory ListModal(){
    var e = new Element.tag('list-modal');
    e.style..backgroundColor="olive"
      ..position="absolute"
      ..margin="auto"
      ..top="50%"
      ..verticalAlign="middle";
    var close_b = new DivElement();
    close_b.text = "X";
    close_b.style..right="0"
      ..top="0"
      ..margin="0"
      ..verticalAlign="none"
      ..backgroundColor="blue"
      ..position="absolute";
    close_b.onClick.listen((_){
      e.hide();
    });
    e.append(close_b,(_)=>e.hide());
    e.hide();
    return e;
  }
  @override
  ListModal append(
      HtmlElement e,
      [Function clickHandler=null]
      ){
    super.append(e);
    if(clickHandler!=null) {
      e.onClick.listen(clickHandler);
    }else{
      e.onClick.listen((_){
        this.hide();
        _modal_returns = e.text;
      });
    }
    return this;
  }
  Future<String> show() async{
    _modal_returns = '';
    this.hidden=false;
    await wait_for_input();
    print(_modal_returns);
    return _modal_returns;
  }
  wait_for_input() async{
    while(_modal_returns=="" && !this.hidden){
      await delay();
    }
  }
  void hide(){
    this.hidden=true;
  }
  Future delay() async{
    return new Future.delayed(
        new Duration(milliseconds: 100));
  }
}

非轮询版本

响应 Günter Zöchbauer 的智慧（避免轮询），发布一个使用完成器的版本。一如既往地感谢 Günter Zöchbauer：

import 'dart:html';
import 'dart:async';
void init(){
  document.registerElement('list-modal',ListModal);
}
class ListModal extends HtmlElement{
  ListModal.created():super.created();
  String _modal_returns="";
  Completer _completer;
  void set modal_returns(String v){
    ///use the modal_returns setter to
    ///implement a custom behaviour for
    ///the return value of the show method.
    ///Use this setter within the callback for
    ///append. Always call hide() after
    ///setting modal_returns.
    _modal_returns=v;
  }

  factory ListModal(){
    var e = new Element.tag('list-modal');
    e.style..backgroundColor="olive"
      ..position="absolute"
      ..margin="auto"
      ..top="50%"
      ..verticalAlign="middle";
    var close_b = new DivElement();
    close_b.text = "X";
    close_b.style..right="0"
      ..top="0"
      ..margin="0"
      ..verticalAlign="none"
      ..backgroundColor="blue"
      ..position="absolute";
    close_b.onClick.listen((_){
      e.hide();
    });
    e.append(close_b,(_){e.hide();});
    e.hide();
    return e;
  }
  @override
  ListModal append(
      HtmlElement e,
      [Function clickHandler=null]
      ){
    super.append(e);
    if(clickHandler!=null) {
      e.onClick.listen(clickHandler);
    }else{
      e.onClick.listen((_){
        _modal_returns = e.text;
        this.hide();
      });
    }
    return this;
  }
  Future<String> show() async{
    _modal_returns = '';
    _completer = new Completer();
    this.hidden=false;
    return _completer.future;
  }
  void hide(){
    hidden=true;
    _completer?.complete(_modal_returns);
    _completer=null;
  }
}

Answer 1

通常情况下，是否应该使用异步是毫无疑问的。通常人们会尽量避免它。一旦您调用异步 API，您的代码就会异步，您无法选择是否需要。 在某些情况下，故意将异步执行设为异步。例如，将大型计算分成较小的块，以免使事件队列无法处理。

在服务器端，有几个 API 函数允许在同步和异步版本之间进行选择。关于何时使用哪个进行了广泛的讨论。我会查找并添加链接。

使用async / await 而不是.then() 的缺点应该是最小的。

• 支持async / await 的最小 Dart SDK 版本是 1.9.1
• VM 需要在第一次执行代码之前进行一些额外的重写，但这通常可以忽略不计。

您的代码似乎在进行轮询。

wait_for_input() async {
  while(_modal_returns=="" && !this.hidden){
    await delay();
  }
}

如果可能，应该避免这种情况。 最好让 modal 自己管理它的隐藏状态（例如通过添加一个hide() 方法），这样它就不必轮询它是否被外部隐藏了。