var number=2;
var obj={
number:4,
fn1:(function(){ // 匿名函数1
var number;
this.number*=2;// (1)
number=number*2;// (2)
number=3;
return function(){ // 匿名函数(2)
var num=this.number;
this.number*=2;
console.log(num);
number*=3;
alert(number);
}
})(),
db2:function(){
this.number*=2;
}
}
var fn1=obj.fn1; // (3)
alert(number);// (4)
fn1();// (5)
obj.fn1();// (6)
alert(window.number);
alert(obj.number);
解题分析:
js从上至下去分析代码,fn1是一个自执行函数,所以定义的时候会执行一次
fn1中也有一个局部变量 number,当执行到(1)处时,此时的this指向为window对象,所以执行(1)之后,window.number = 4;
继续往下执行,执行到第(2)处的时候,此时这个number是局部变量number,此时number只有申明还未定义,number = undefined;
直到 number = 3,这个时候局部变量赋值为3,最后返回一个函数出去,这里就会产生闭包了!
db2就是一个声明,没有做任何执行语句,不去分析
执行代码块(3), 将obj.fn1 赋值给window对象下的fn1;
执行代码块(4),这个number是window.number,在上面obj对象声明的时候自执行了一次fn1方法,对其进行了改变,此处 window.number = 4;
执行代码块 (5),也就是相当于执行 匿名函数(2),
var num=this.number; 这个this是指向的window对象,故 num = 4;
this.number *= 2 ; window.number = 8;
number*=3; 这个地方的number是自由变量,根据作用域链知道这个number是fn1对象的number=3,故number*3 = 9;
执行代码块(6) 又相当于执行了一次匿名函数(2),只不过this指向发生了变化,
var num=this.number; 这个this是指向的obj对象,故 this.number = 4;num = 4;
this.number *= 2 ; obj.number = 8;
number*=3; 这个number和this指向没有关系,是和匿名函数最近一层的number,上次执行之后,number的值已经变为9,所有这次变为27