JavaScript--一言难尽的this

这里先从我们在开发过程中经常见到的this使用场景来分析

一般认为:

this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个(直接)调用它的对象(可能不正确

一 、this => window(this指向window对象的场景)

function a(){
    var user = "zjl";
    console.log(this.user); //undefined
    console.log(this); //Window 毫无疑问指向window
}
a();// window.a()  

二 、指向调用函数的那个对象

var o = {
    user:"zjl",
    fn:function(){
        console.log(this.user);  //zjl
    }
}
o.fn();

//这里的this指向的是对象o,因为你调用这个fn是通过o.fn()执行的,那自然指向就是对象o,这里再次强调一点,this的指向在函数创建的时候是决定不了的,在调用的时候才能决定,谁调用的就指向谁,一定要搞清楚这个。

三、层级嵌套中的this

var o = {
    a:10,
    b:{
        a:12,
        fn:function(){
            console.log(this.a); //12  ????????
        }
    }
}
    // 情况1:如果一个函数中有this,但是它没有被上一级的对象所调用,那么this指向的就是window,这里需要说明的是在js的严格版中this指向的不是window,在严格版中的默认的this不再是window,而是undefined。

  //情况2:如果一个函数中有this,这个函数有被上一级的对象所调用,那么this指向的就是上一级的对象。

  // 情况3:如果一个函数中有this,这个函数中包含多个对象,尽管这个函数是被最外层的对象所调用,this指向的也只是它上一级的对象

四、构造函数中的this

function Fn(){
    this.user = "zjl";
}
var a = new Fn();
console.log(a.user); //zjl

 // 为什么能改变this 的指向?? 

五、call 、apply 改变this 的指向

// 未完待续……………………………………………

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值