Flex 中函数队列的实现 很好用在TOP应用大赛中学得的FUNCTION QUEUE

 

在做TOP大赛的时候，我遇到过这样的问题。对于N个商品他们处理的方式不尽然相同（有M种处理方式）。

首先，我使用了很暴力的一个个函数写（switch语句），写完后发现代码太长太繁琐。当我要修改函数是，甚至发现找不到这个函数了。

 

于是我将这些函数写成了一个类，但是发现还是过长，最后想到了函数队列。

 

通过函数队列可以将，函数通过队列管理，也可以保持代码的高度重用性和简洁性。

 

1.设置 FunctionsArray 在Flex 中 Array实际带有queue的性质。

   通过Array.push可以达到进队的效果。

 

2.设置orderArray 保存执行函数执行顺序。

   如 ： orderArray = [0,1,2];

           意思就是执行的顺序为 functionsArray[0],functionsArray[1],functionsArray[2],

 

3.执行functionsArray。

 

当要改变执行顺序时，只需要改变orderArray的顺序。

 

当然通过调整functions数组也是可以达到目的的不过比较繁琐。

 

下面是自己写的Flex代码：

 

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="init();" layout="absolute"> <mx:Script> <!--[CDATA[ import mx.collections.ArrayCollection; // function queue private var funcArr:Array = new Array(); //标记操顺序的队列 private var orderArr:Array = [0,1,2]; //执行前的字符串数组 private var previous:Array = new Array('Nokia N81','Nokia N82','Nokia N85'); //执行后的字符串数组 private var next:Array = new Array(); private var arrc:ArrayCollection ; private function init():void { initFuncArray(); //执行函数队列 // swapFunction(0,2); var i:int ; for( i = 0 ; i < previous.length ; i++) { next.push( funcArr[ orderArr[i] ](previous[i]) ); } list1.dataProvider = previous; list2.dataProvider = next; } private function initFuncArray():void { funcArr.push(aFunction); funcArr.push(bFunction); funcArr.push(cFunction); } private function aFunction(str:String):String { return str + " costs :" + "$100" + "(FunctionA)"; } private function bFunction(str:String):String { return str + " costs :" + "$200" + "(FunctionB)"; } private function cFunction(str:String):String { return str + " costs :" + "$300" + "(FunctionC)"; } private function swapFunction(swapIndex:int , swaptoIndex:int):void { var temp:Function = new Function(); temp = funcArr[swaptoIndex]; funcArr[swaptoIndex] = funcArr[swapIndex] ; funcArr[swapIndex] = temp; } private function setArray(arr:Array):void { } ]]--> </mx:Script> <mx:List x="152" y="31" width="73" id="list1" height="140"></mx:List> <mx:Label x="242" y="68" text="函数执行后→" width="92" fontSize="12"/> <mx:List x="325" y="31" height="140" width="223" id="list2"></mx:List> </mx:Application>