对 Flex/Actionscript 方法/函数方法调用进行排序的最佳方式

Question

好的，据我所知，Flex 中的动作脚本是异步运行的。我需要能够在循环中同步运行方法。考虑以下代码：

public class CustomerContainer extends VBox
{

    public function CustomerContainer ()
    {
        super();
        addEventListener(FlexEvent.CREATION_COMPLETE, 
                         this_creationCompleteHandler);

    }

    public function build():void
    {
                   //process something here

    }
}

现在我们的 MXML 文件中有一个 for 循环

<mx:Script>
<![CDATA[

    private var newContainer:CustomerContainer;

    public function foo():void
    {
      for (var i:int = 0; i < EndingNumber; i++)
      {

        newContainer  = new CustomerContainer();
        newContainer.build();//I need this to finish before it goes on to the 
        // next one. here is where the problem is flex runs through this loop 
        // creating each new object but I do not know if the first 1 object is 
        // complete before it begin processing the second one in the For Loop. 
      }
    }
   ]]>
</mx:Script>

这不是我的具体情况，因为这里解释起来有点复杂。有一个抽象类和几个从它派生的自定义视图对象。有些视图依赖于其他视图首先完成，但我似乎无法按正确的顺序排列它们。定时器不是一个选项。可能没有正确解释这一点。

Answer 1

查看来自 Cairngorm 的 Task 库。

它提供了一种对工作单元进行排序并让它们按顺序、并行或同时运行的方法。

否则，处理事件侦听器和错误情况很快就会失控。

Answer 2

我喜欢用 Lisp-y 的方式解决这个问题：

// tell this function to start creating. 
private function initContainers( count:int ):void
{
     if( count <= 0 ) return;
     var newContainer:CustomerContainer = new CustomerContainer();
     newContainer.build();
     /* ... stuff happens ... */ 
     newContainer.addEventListener( FlexEvent.CREATION_COMPLETE,
                                    function( fe:FlexEvent ):void
                                    {
                                        // tell the function to create one fewer
                                        initContainers( count - 1 );
                                    } );
}

你的序列：

1. initContainers( x ) ->
   1. 创建容器。
   2. 等待事件 ->
2. initContainers( x - 1 );
   1. 创建容器。
   2. 等待事件 ->