用javascript闭包的方法来理解AS的事件函数传参
我们在编写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已经成为闭包内部带有值的参数。