JavaScript中this的指向

第一：在全局环境中或者调用普通函数的时候 this 永远指向window  console.log(this === window) 为true

第二：在构造函数中调用this，this指向new出来的对象

finction Obj () {
    this.x = 5;
    console.log(this);
}
var func = new obj();
console.log(func.x) //10

在上述中如果函数作为构造函数使用，其中的this就代表new出来的对象 但是如果直接调用上述函数 那么这时就变成了普通函数的调用，这时this的指向就指向了window 

function Obj () {
    this.x = 5;
    console.log(this) //window
}
var f = Obj ();
console.log(foo.x) //undefined

第三：在对象方法中使用this 此时this指向该对象

var Obj = {
    x : 2,
    foo : function () {
        console.log(this)// object
        console.log(this.x) // 10
    }
}
Obj.foo();

如果我们在对象的方法中再定义一个函数 那么此时的this指向会是怎样的呢

var Obj = {
   x:10,
   foo: function () {
      function foo1() {
         console.log(this)//window
         console.log(this.x) // undefined
      }
     foo1()
    }
}
Obj.foo()

运行过之后我们可以知道此时的this指向的是window对象 我们可以这样来理解 虽然foo1是对象的方法中定义的函数，但是他的性质是一个普通函数 而普通函数的this指向的是window对象

如果想在对象方法中的函数里面访问上层作用域中的变量 可以定义一个地段_this存储外部this的变量。

如果对象方法中的函数不作为对象的方法被调用的时候此时的this也将指向window对象

var Obj = {
    x : 3,
    foo: function (){
        console.log(this) //window
        console.log(this.x) // undefined
    }
}
var fn = Obj.foo;
fn()

Obj.foo被赋值给一个全局变量 并不是作为Obj的一个属性被调用的 所以此时的this指向的是window对象

第四：构造函数proyotype属性 在整个原型链中this代表的是当前的对象

function Foo () {
    this.x = 10;
}
Foo.prototype.func = function () {
    console.log(this); //Foo 对象
    console.log(this.x) //10
}
var foo = new Foo ()
foo.func()