ActionScript 3 和 Flex框架的性能优化

几日前被老总推荐文章一篇，来自7yue兄的blog,作者是Sean Moore ,

原文地址：http://www.insideria.com/2009/04/51-actionscript-30-and-flex-op.html

与其在程序写完了之后臃肿得跑不动，不如平时注意这些关键点，时时提醒自己。翻译出来，以便以后时时查阅。

 

1 创建新数组时避免使用它的构造函数。

 

   这样做：var a = []; 

 

   而不要这样做：var a = new Array();

 

2 创建数组是一个消耗量很大的操作，所以请谨慎进行以下类型的操作：

 

  var vanityCollection01 : Array = new Array(); 

  var vanityCollection02 : Array = new Array(); 

  var vanityCollection03 : Array = new Array(); 

  var vanityCollection04 : Array = new Array();

3 复制一个数组最快的方式是：

  

  var copy : Array = sourceArray.concat(); 

4 无论你用哪种方式，为数组的元素设置值都是一个慢的操作。

  employees.push( employee ); 

  employees[2] = employee; 

5 在数组中获得一个值的速度是设置一个值的二倍。

  var employee : Employee = employees[2];

6 将属性函数设置为静态函数，这样你在使用它的时候就不用实例化一个该类的对象。

  StringUtils.trim( "text with space at end " ); 

  类定义: 

  package 

  { 

     public final class StringUtils 

         { 

          public static function trim( s : String ) : String 

          { 

               var trimmed : String; 

               // 逻辑实现代码 

               return trimmed; 

           } 

      } 

  } 

7 使用常量关键字const来定义那些在程序运行周期内都不会发生值改变的属性。

  public const APPLICATION_PUBLISHER : String = "Company, Inc.";

8 当一个类不再需要有子类的时候，将它定义为final类。

  public final class StringUtils

9 巨长的函数名和变量名在Action Script 3中不会造成任何额外的消耗，（在其他语言中也是）

  someCrazyLongMethodNameDoesntReallyImpactPerformanceTooMuch();

10 在单行内定义多个变量不会带来任何性能的提升（在其他语言中也是）

  var i=0; j=10; k=200; 

11 使用if和使用switch做逻辑判断所消耗的内存是没有区别的，例如：

   if ( condition ) 

   { 

     // 处理条件下的逻辑

   } 

   跟使用switch

   switch ( condition ) 

   { 

     case "A": 

         // A条件下的处理逻辑

     break; 

      

     case "B": 

         // B条件下的处理逻辑  

     break; 

   }

   没有任何内存消耗上的区别。

12 使用if做逻辑判断时，尽可能的按照最有可能发生的情况的顺序来顺序排列。例如：

if ( 最有可能发生的情况 ) 

{ 

     // 处理最有可能发生的情况。

} 

else if ( 有时候会发生的情况 )  

{ 

     // 处理有时候会发生的情况。

} 

else  

{ 

     // 处理以上判断都没有发生时的情况 。

} 

13 AVM在循环体内部进行计算时，将整型int数据提升为浮点型Number进行处理，（从fp9到fp10，虚拟机已经有所改变，int，uint，number之间的转换不再像之前那么慢了。）

14 注意解决类型转换，未知类型（unknown），非法类型（incorrect）的问题。

15 慎重使用 uint ,它会使程序变慢。

   var footerHex : uint = 0x00ccff;

16 在迭代器中使用整型作为增长量

   应该这样使用：

   for(var i: int = 0; i < n; i++) 

   而不是：

   for (var i: Number = 0; i < n; i++) 

17 不要为int型变量赋小数值。

   应该这样用：

   var decimal : Number  = 14.654; 

   不应该：

   var decimal : int  = 14.654; 

18 乘法 vs 除法：使用 5000*0.001 来替代 5000/1000。

19 如果你要在for或者while循环体内频繁的使用一个值，请使用一个本地变量来存放它，而不是去频繁的计算它。

   与其这样频繁的计算它：

   for (..){ a * 180 / Math.PI; }

   不如定义一个变量来存放它：  

   var toRadians:Number = a*180/Math.PI;

20 避免在循环体判断条件中进行计算，例如：

   var len : int = myArray.lengh;  

   for (var i=0;i<len;i++){} 

   而不要这样做：

   for (var i=0;i< myArray.lengh;i++){ } （靠！我一直都这么干的！）

21 使用正则表达式来进行字符串检查，并使用字符串函数来进行字符串搜索。

   例如：使用正则表达式做邮政编码检验

   private var regEx:RegExp = /^[A-Z][0-9][A-Z] [0-9][A-Z][0-9]$/i; 

   private function validatePostal( event : Event ) : void 

   { 

     if( regEx.test( zipTextInput.text ) ) 

     { 

          // 处理输入格式满足的情况

      } 

   }

   使用字符串函数处理字符串查询：

   var string : String = "Search me"; 

   var searchIndex : int = string.indexOf( "me" ); 

   var search : String = string.substring( searchIndex, searchIndex + 2 ); 

22 尽量重复使用那些属于“内存高消耗区”的对象，例如，DisplayObjects，URLLoader。

23 借鉴Flex对象的设计模式：

   createChildren(); 

   commitProperties(); 

   updateDisplayList(); 

24 把使用Datagrids组件作为你最后的显示手段（如果你确信你真的没有办法使用一个常规的list实现你想要的功能，才使用它）

25 避免使用迭代器迭代具备滚动功能的数据。

26 避免使用setStyle()函数（这在Flex框架里是性能消耗量最大的行为之一）

27 使用过多的容器嵌套势必会降低你程序的性能。例如下面这个恶心的嵌套。

<mx:Panel> 

    <mx:VBox> 

        <mx:HBox> 

            <mx:Label text="Label 1" /> 

             <mx:VBox> 

                  <mx:Label text="Label 2" />  

              </mx:VBox> 

              <mx:HBox> 

                  <mx:Label text="Label 3" /> 

                  <mx:VBox> 

                      <mx:Label text="Label 4" /> 

                  </mx:VBox> 

              </mx:HBox> 

          </mx:HBox> 

      </mx:VBox> 

</mx:Panel> 

28 你不用为每个容器都加上命名空间的标签，只有顶级容器需要这样做。下面这个就是不必要的。

   <mx:Image xmlns:mx="http://www.adobe.com/2006/mxml"  

     source="avatar.jpg" width="200" height="200" />

29 移除不必要的容器来减少容器嵌套。

30 避免在标签内嵌套VBox容器（消除冗余）

<mx:Panel> 

    <mx:Label text="Label 1" /> 

    <mx:Label text="Label 2" /> 

</mx:Panel> 

<mx:Panel> 

     <mx:VBox> 

        <mx:Label text="Label 1" /> 

        <mx:Label text="Label 2" /> 

    </mx:VBox> 

</mx:Panel>

31 在mx:Application 标签内部尽量避免使用VBox标签。（消除冗余）

 

<?xml version="1.0" encoding="utf-8"?> 

<mx:Application xmlns:mx=http://www.adobe.com/2006/mxml> 

    <mx:Label text="Label 1" /> 

    <mx:Label text="Label 2" /> 

</mx:Application> 

而不要：

<?xml version="1.0" encoding="utf-8"?> 

<mx:Application xmlns:mx=http://www.adobe.com/2006/mxml> 

    <mx:VBox> 

        <mx:Label text="Label 1" /> 

        <mx:Label text="Label 2" /> 

    </mx:VBox> 

</mx:Application>

 

32 设置Repeater的recycleChildren属性为true可以提升它的性能（使用之前创建过的对象，而不是创建一个新对象）

<mx:Script> 

    <![CDATA[ 

        [Bindable] 

        public var repeaterData : Array = ["data 1", "data 2"]; 

    ]]> 

</mx:Script> 

 

<mx:Repeater id="repeater" dataProvider="{repeaterData}" recycleChildren="true">  

    <mx:Label text="data item: {repeater.currentItem}"/> 

</mx:Repeater> 

33 将帧频(framerate)设置为60或者更低。

 

<?xml version="1.0" encoding="utf-8"?> 

<mx:Application xmlns:mx=http://www.adobe.com/2006/mxml  

    frameRate="45"> 

</mx:Application>

34 避免在每一帧内处理多个显示对象。

35 使用ENTER_FRAME 事件取代Timer事件

使用：

public function onEnterFrame( event : Event ) : void 

{ 

} 

private function init() : void 

{ 

     addEventListener( Event.ENTER_FRAME, onEnterFrame ); 

} 

而不要使用：

public function onTimerTick( event : Event ) : void 

{ 

} 

private function init() : void 

{ 

     var timer : Timer = new Timer(); 

     timer.start(); 

     timer.addEventListener( TimerEvent.TIMER, onTimerTick ); 

} 

36 在多帧中使用显示对象时，使用以下方法推迟它的对象创建：

 

<mx:Container creationPolicy="queued"/>  

37 alpha = 0 并不等同于 visible = false（对象在不可见时将会不会被处理）

所以，使用：

loginButton.visible = false;

而不是：

loginButton.alpha = 0;