用javascript闭包的方法来理解AS的事件函数传参

时间：2010-09-04 来源：橡树小屋

我们在编写AS3.0的代码时，有时候需要在事件上执行函数传参，例如：

loader.contentLoaderInfo.addEventListener(Event.COMPLETE,onLoaderComplete(i));

像上面的情况，有一个事件响应的函数，需要传参数，i就是我们希望传的值，但是这种做法，编写响应函数是没法通过编译的，我在网上看过可以解决编译的响应函数：

private function onLoaderComplete(i:int):Function {
                        var fun:Function=function(e:Event) {
                                    imgArr[i]=e.target.content;                                                   
                                    if(i<urlArr.length-1) {  
                                        i++;  
                                        imgLoaded(i);  
                                    }else {
                                                        dispatchEvent(new Event(LoadImg.COMPLETE));
                                                        }
                                };
                        return fun;
                }

这样就可以解决传参的问题了，测试可以trace到i的传值，真实太神奇了，具体原理是怎么实现的，当时不是很明白，在我研究javascript闭包的时候，终于发现了两者的相似之处。用闭包也可以来解析上面遇到的问题！

实际上，是onLoaderComplete通过返回fun函数，实现了闭包，闭包内带有i的变量。而

loader.contentLoaderInfo.addEventListener(Event.COMPLETE,onLoaderComplete(i));

中的onLoaderComplete(i)，在编译的时候就已经执行，返回带有已经完成传参的i变量。所以，响应COMPLETE的函数应该是：

function fun (e:Event) {
        imgArr[i]=e.target.content;                                               
        　　if(i<urlArr.length-1) {  
        　　　　i++;  
                imgLoaded(i);  
            }else {
                dispatchEvent(new Event(LoadImg.COMPLETE));
        }
};

i已经成为闭包内部带有值的参数。

《用javascript闭包的方法理解AS的事件函数传参》

橡树小屋

from http://www.cnblogs.com/babyzone2004/ 本文地址：http://www.cnblogs.com/babyzone2004/archive/2010/09/04/1818110.html