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

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

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

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

1
2
3
4
5
6
7
8
9
10
11
12
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的函数应该是:

1
2
3
4
5
6
7
8
9
function fun (e:Event) {
    imgArr[i]=e.target.content;                                      
      if(i<urlArr.length-1) { 
        i++; 
        imgLoaded(i); 
        }else {
        dispatchEvent(new Event(LoadImg.COMPLETE));
    }
};

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

 

posted @   橡树小屋  阅读(841)  评论(0编辑  收藏  举报
编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架
追逐梦想,永不停息
点击右上角即可分享
微信分享提示