js中的this指向

本文出处：追梦子博客

首先要说的是，this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this指向谁，this的最终指向是那个调用它的对象。

function a(){
    var user = "追梦子";
    console.log(this.user); //undefined
    console.log(this); //Window
}
a();

按照我们上面说的this最终指向的是调用它的对象，函数a实际上是被window对象点出来的。

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

这里的this指向的是对象o，因为你调用的这个fn是通过o.fn()来执行的，所以对象为o。再次强调，this的指向在函数创建的时候是未知的，在调用的时候才是已知的，谁调用就指向谁。

var o = {
    user:"追梦子",
    fn:function(){
        console.log(this.user); //追梦子
    }
}
window.o.fn();

这里的this不是指向window。window是js中的全局对象，我们创建的变量是给window添加属性，在此用window.o对象。

var o = {
    a:10,
    b:{
        a:12,
        fn:function(){
            console.log(this.a); //12
        }
    }
}
o.b.fn();

情况一：函数中有this，这个this没有被上一级的对象所调用，这个this指向的是window。

情况二：函数中有this，这个this被上一级的对象所调用，这个this指向的是上一级的对象。

情况三：函数中有this，函数中包含多个对象，函数被最外层的对象调用，this指向的是它上一级的对象。看以下代码：

var o = {
    a:10,
    b:{
        fn:function(){
            console.log(this.a); //undefined
        }
    }
}
o.b.fn();

对象b中没有属性a，this指向的是对象b，因为this只会指向它的上一级，不管对象中有或者没有this要的东西。

还有特殊的情况，看以下代码：

var o = {
    a:10,
    b:{
        a:12,
        fn:function(){
            console.log(this.a); //undefined
            console.log(this); //window
        }
    }
}
var j = o.b.fn;
j();

this指向window。

this指向的是最后调用它的对象，即是执行的时候谁调用的。上面函数fn是被对象b所引用，再将fn赋值给变量j的时候并没有执行，所以最终指向的是window。

构造函数版this

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

对象a可以点出函数fn里面的user是因为new关键字可以改变this的指向，将这个this指向对象a，new关键字创建对象实例。这里用变量a创建了一个fn的实例。

下面的不写了。

要看的直接到地址去：https://www.cnblogs.com/pssp/p/5216085.html