Flex addEventListener 添加事件时 传递参数并移除它

我们知道FLEX添加监听事件，会经常使用到，但是常见的方法，并不能自定义参数。我收集到一个非常好的方法。可以在监听的时候，添加自己喜欢的参数。好吧，我们开始第一个

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
	
	<fx:Script>
		<![CDATA[
			import mx.controls.Alert;
			public var count:int=0;
			protected function button1_clickHandler(event:MouseEvent):void
			{
				bt2.addEventListener(MouseEvent.CLICK,function(event:MouseEvent):void
				{
					clickPar(event,20,30);
				});
			}
			protected function clickPar(event:MouseEvent,x:int,y:int):void
			{
				
				count++;
				ta.text+="被调用了"+count+"次"+"x:"+x+"y:"+y+"n";
			}


			

		]]>
	</fx:Script>
	
	<fx:Declarations>
		<!-- 将非可视元素（例如服务、值对象）放在此处 -->
		
	</fx:Declarations>
	<s:Button x="64" y="40" label="按钮1" click="button1_clickHandler(event)"/>
	<s:Button x="63" y="97" label="按钮2" id="bt2"/>
	<s:TextArea x="217" y="32" id="ta"/>
	
</s:Application>

点击按钮1，为按钮2，添加相应的监听事件，点击一次按钮一，将会增加一次对按钮2的监听。这样我们就可以实现监听事件的时候，传递相关参数。问题来了，我们现在需要移除监听。好吧，我们继续，按照我们常规的做法，就是把这个函数再写一遍就是了。

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
	
	<fx:Script>
		<![CDATA[
			import mx.controls.Alert;
			public var count:int=0;
			protected function button1_clickHandler(event:MouseEvent):void
			{
				bt2.addEventListener(MouseEvent.CLICK,y:int):void
			{
				
				count++;
				ta.text+="被调用了"+count+"次"+"x:"+x+"y:"+y+"n";
			}
			protected function button3_clickHandler(event:MouseEvent):void
			{
				bt2.removeEventListener(MouseEvent.CLICK,30);
                                 });
			}

			

		]]>
	</fx:Script>
	
	<fx:Declarations>
		<!-- 将非可视元素（例如服务、值对象）放在此处 -->
		
	</fx:Declarations>
	<s:Button x="64" y="40" label="按钮1" click="button1_clickHandler(event)"/>
	<s:Button x="63" y="97" label="按钮2" id="bt2"/>
	<s:TextArea x="217" y="32" id="ta"/>
	<s:Button x="63" y="155" label="按钮3" click="button3_clickHandler(event)"/>
</s:Application>

我们点击按钮三的时候，事实并非所想，难道这是一个bug，还是怎么回事？开始骂Adobe，设计的什么玩意。

其实function(event:MouseEvent):void
{
clickPar(event,30);
}

这是一个匿名函数，虽然写的是一模一样，但是函数地址是不一样的，所以说，移除的不是你添加的，这句话你明白了吗？我似乎听见，都在说，small case。

解铃还须系铃人，我们把那个监听的函数给记住，然后不就可以了吗！对。这个匿名函数，怎么能得到他呢。当然我们可以查一下帮助文档，arguments 出现在我们面前，为什么我会知道这个东西呢？当然，我写这篇文章之前，我都从网络上搜索好了，实现方法是什么，所以知道该查什么。

callee

property

这是他的原话，意思是一个对当前函数的引用。秀一下英语，比较难的时候，我都在google翻译过来，然后再去理解。

下面稍微修改一下，就可以移除了。

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
	
	<fx:Script>
		<![CDATA[
			import mx.controls.Alert;
			public var count:int=0;
			public var ft:Function;
			protected function button1_clickHandler(event:MouseEvent):void
			{
				
				bt2.addEventListener(MouseEvent.CLICK,30,arguments.callee);
				});
			}
			protected function clickPar(event:MouseEvent,y:int,fn:Function):void
			{
				ft=fn;
				count++;
				ta.text+="被调用了"+count;
			}
			
			
			protected function button3_clickHandler(event:MouseEvent):void
			{
				
				bt2.removeEventListener(MouseEvent.CLICK,ft);
			}
			
		]]>
	</fx:Script>
	
	<fx:Declarations>
		<!-- 将非可视元素（例如服务、值对象）放在此处 -->
		
	</fx:Declarations>
	<s:Button x="64" y="40" label="按钮1" click="button1_clickHandler(event)"/>
	<s:Button x="63" y="97" label="按钮2" id="bt2"/>
	<s:TextArea x="217" y="32" id="ta"/>
	<s:Button x="63" y="155" label="按钮3" click="button3_clickHandler(event)"/>
	
</s:Application>

我总感觉，Flex与JS有太多的相似性，当我不熟悉Flex的时候，我就向JS想，看看能不能有什么突破点没。