JS中this的指向问题

 

        普通模式，this永远指向上一级调用他的对象；严格模式，在没有对象调用的情况下this指向的不是window而是undefined。

        在普通模式下JS有一个全局对象window举个例子：

function x(){
    var user = "一颗会开花的树";
    console.log(this.user); //undefined
    console.log(this); //Window
}
x();

        this最终指向调用他的对象，在这里调用x函数的对象是window所以this指向的是window。

        我们再看一个例子：

var o = {
    user:"一颗会开花的树",
    fn:function(){
        console.log(this.user);  //一颗会开花的树
    }
}
o.fn();

        这里调用fn函数是是通过对象o点出来的，所以this指向的是o，然而如果出现两个以上的对象this指向的又是什么：

var o = {
    user:"一颗会开花的树",
    fn:function(){
        console.log(this.user); //一颗会开花的树
    }
}
window.o.fn();

        可以看出this指向的是上一级的o对象，而不是window。

        因此我们得出结论 this 在普通模式的情况下 指向的是上一级对象！

        构造函数时，this指向原函数，原理是在构造函数时new关键字可以改变this的指向，创建一个和原函数一样的实例

function Fn(){
    this.user = "一颗会开花的树";
}
var a = new Fn();
console.log(a.user); //一颗会开花的树

当构造函数遇上return时，如果返回值是个对象，this指向这个对象，如果返回的不是对象那指向的是函数的实例，如果返回的是null 那么指向的是函数的实例