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,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";
}
protected function button3_clickHandler(event:MouseEvent):void
{
bt2.removeEventListener(MouseEvent.CLICK,function(event:MouseEvent):void
{
clickPar(event,20,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,20,30);

}

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

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

callee

property

public var callee:Function

Language Version:

ActionScript 3.0

Runtime Versions:

AIR 1.0, Flash Player 8, Flash Lite 4

A reference to the currently executing function.

这是他的原话，意思是一个对当前函数的引用。秀一下英语，比较难的时候，我都在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,function(event:MouseEvent):void
{
clickPar(event,20,30,arguments.callee);
});
}
protected function clickPar(event:MouseEvent,x:int,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想，看看能不能有什么突破点没。