闭包使用之两类交互

来源:互联网 发布:淘宝服装宝贝描述素材 编辑:程序博客网 时间:2024/04/30 14:34
       应用场景:A为应用类库,B为基础类库,A在初始化过程中需要先初始化B,并且在B初始化完成之后,再继续进行A的初始化
function A() {this.data = "data";//初始化B类库function A() {this.data = "data";//初始化B类库var b = new B();this.contineInit();}function B(){}A.prototype.contineInit = function () {alert(this.data);}var a = new A();

       如果B的初始化最终完成一直都是同步的而不存在异步问题,那么上面就代码就OK,但实际情况中经常出现异步的情况,那么上面代码就无法满足,首先我修改B,使之有一个异步的完成事件

function A() {this.data = "data";//初始化B类库var b = new B();//加载完成事件的处理函数b.initCompleted = this.contineInit;//触发完成事件b.triggerInitCompleted();}function B() {//完成事件this.initCompleted = null;//触发完成事件this.triggerInitCompleted = function () {if (this.initCompleted) this.initCompleted();}}A.prototype.contineInit = function () {alert(this.data);}var a = new A();

       运行上面的代码会发现contineInit方法无法访问到A中的data,使用谷歌的调试工具发现此时contineInit方法的作用链域已经不再是A范围的域,而是B范围的域,因此在这样声明方法contineInit已经有问题。

这个时候我需要调整contineInit方法的声明方式,如下:
function A() {this.data = "data";//初始化B类库var b = new B();//加载完成事件的处理函数var data2 = this.data;var contineInit = function () {alert(data2);data2 = null;}b.initCompleted = contineInit;//触发完成事件b.triggerInitCompleted();}function B() {//完成事件this.initCompleted = null;//触发完成事件this.triggerInitCompleted = function () {if (this.initCompleted) this.initCompleted();}}var a = new A();

      此时注意的是,contineInit方法的声明已经是一个局部方法,第二将A类的属性data赋值给了一个局部变量data2,这种方式就将A类的域和B类的域连接了起来,这就是闭包的作用。

通俗的说,闭包是声明在函数中的函数,将外围函数中的局部变量放在内部函数中操作。

原创粉丝点击