as3结构学习笔记：ENTER_FRAME 监听的函数

            做动画的时候，特别是写As3的动画，很多时候主要都是需要通过监听ENTER_FREAME或者Timer来完成动画播放。在监听其中一个事件之后，我们通常会在回调的时候进行添加里面的行为动作完成我们的期望。

        

import flash.events.Event;
stage.addEventListener(Event.ENTER_FRAME,onUpdate);
function onUpdate(event:Event):void
{
 //添加行为
 }

       你是否有想过这个函数可以怎样写？里面的可以怎样变化吗？应该怎样管理里面行为？

      在一个系统里面，特别ENTER_FRAME里面的管理显得尤为重要。我们整个系统只需要一个监听事件 来完成我们的行为。这样一来里面的行为会显得高度集中和抽象，这是因为系统里面有很多模块，都要经过这里来处理。当然也可以在不同的模块都监听ENTER_FRAME 这个事件，完成我们的事情，但我们并不提倡这种做法。

       （1）全局只有一个监听ENTER_FRAME事件的回调函数。

       （2）全局有多个监听ENTER_FRAME事件的回调函数。 

 

    我们个写个简单的例子。

   第一个例子，让一个mc向右移动，速度是2

  

import flash.events.Event;

stage.addEventListener(Event.ENTER_FRAME,onUpdate);

function onUpdate(event:Event):void
{
 //添加行为
 mc.x+=2;
}

 现在我们改造一下，让其也可以达到我们的目的

 

import flash.events.Event;

stage.addEventListener(Event.ENTER_FRAME,onUpdate);

function onUpdate(event:Event):void
{
	//添加行为
	move();
}

function move():void
{
	mc.x+=2;	
}

我们把mc.x+=2 抽出来变成了一个函数，然后把这个函数放在Enter_Frame 里面执行。这种抽出来只是我们开始第一步。

 

假设，我们场景上有两个Mc，两个Mc都要进行移动，一个向左移动 一个向右移动，我们回归到第一种写法

import flash.events.Event;

stage.addEventListener(Event.ENTER_FRAME,onUpdate);

function onUpdate(event:Event):void
{
	//添加行为
	 
	mc.x+=2;
	mc2.x-=2;	
}

第二种写法：

import flash.events.Event;

stage.addEventListener(Event.ENTER_FRAME,onUpdate);

function onUpdate(event:Event):void
{
	//添加行为	 
	 move();
	 move2();	
}

function move():void
{
	mc.x+=2;	
}

function move2():void
{
	mc2.x-=2;	
}

如果，多个MC执行行为不一样，那么我们采用第二种方式会变成下面的情况。有N个Mc，于是有N个执行的函数。

import flash.events.Event;

stage.addEventListener(Event.ENTER_FRAME,onUpdate);

function onUpdate(event:Event):void
{
	//添加行为	 
	 move();
	 move2();	
	 move3();
	 move4();
	 .......
}

假设这种方式成立，我们增加一个行为，就在里面添加多一个行代码执行就可以完成Mc的移动。不过在这第二种方式下，我们的代码可能变得很长。于是我们需要借助

一个数组来存储的函数。

 

接下来，我们为每一个行为都添加一个key。接下来我们可以这样改造

import flash.events.Event;
import flash.utils.Dictionary;

var funData:Dictionary=new Dictionary();

stage.addEventListener(Event.ENTER_FRAME,onUpdate);

function onUpdate(event:Event):void
{
	//添加行为	 
	 for each(var fun:Function in funData)
	 {
		 try
		 {
		   fun.call();
		 }catch(e:Error)
		 {
			 throw new Error(e.getStackTrace());
		 }
	 }	 
}

funData["key1"]=move;
funData["key2"]=move2;

function move():void
{
	mc.x+=2;	
}

function move2():void
{
	mc2.x-=2;	
}

 

这种方式 改进了我们之前的做法，我们采用一种管理的想法去管理我们的函数。在Enter_Frame 执行的时候，采用循环的方式来响应我们的函数行为。

 

import flash.events.Event;
import flash.utils.Dictionary;

var funData:Dictionary=new Dictionary();

stage.addEventListener(Event.ENTER_FRAME,onUpdate);

function onUpdate(event:Event):void
{
	//添加行为	 
	 for each(var fun:Function in funData)
	 {
		 try
		 {
		   fun.call();
		 }catch(e:Error)
		 {
			 throw new Error(e.getStackTrace());
		 }
	 }	 
}

addFun("key",move);
addFun("key2",move2);


function addFun(key:Object,fun:Function):void
{
	if(!funData.hasOwnProperty(key))
	{
		funData[key]=fun;
	}
}
function removeFun(key:Object):void
{
	if(funData.hasOwnProperty(key))
	{
		delete funData[key];
		funData[key]=null;
	}
}


function move():void
{
	mc.x+=2;	
}

function move2():void
{
	mc2.x-=2;	
}

 

注意一点。如果我们采用的for each的做法会导致一个问题，for each 执行循环的时候，是不确定的，这就意味先后顺序执行的方式会有不确定的因素存在。 如果数组存储的行为很多，那么执行顺序就会有先后。而for each的循环方式并不是根据我们添加先后来安排他的执行顺序。

 

这种方式的管理，可以在不同的模块进行监听。而全局只是需要一个Enter_Frame 即可。我们只是需要添加里面行为到里面执行。

 

  而有一个问题是，funData 移除了不需要执行的函数，那么for each 里面是否依旧会遍历？这个问题，我还没去实践过，不知道还不会执行多次呢？