闭包使用之两类交互

       应用场景: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类的域连接了起来,这就是闭包的作用。

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值