JS this指向和闭包的问题

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

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值