应用场景: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类的域连接了起来,这就是闭包的作用。
通俗的说,闭包是声明在函数中的函数,将外围函数中的局部变量放在内部函数中操作。