浅谈js中的this

相信很多刚刚学习js的新手都会有同感，当看一段js代码时，发现里面有很多this，但是这些this到底是指向哪里却没有那么清楚，为了搞清楚这些this到底是什么情况，特地花点时间总结如下几点：

1.最普遍的this表示全局对象

 // 1.this表示全局对象    var x = 1    function test1(){        this.x = 2;        console.log(this.x);    }    test1();//输出为2

解析：设置全局变量x初始值为1，当调用函数test1()之后改变全局变量x的初始化值，故为2

2.对象方法中的this(这里this就指这个上级对象)
例1：

  var name = "全局this";    var object = {        name : "对象中this",        getNameFunc : function(){            return function(){                return this.name;            };        }    };    console.log(object.getNameFunc()());//输出：全局this

例2：

 var name = "全局this";    var object = {        name : "对象中this",        getNameFunc : function(){            var that = this;            return function(){                return that.name;            };        }    };    console.log(object.getNameFunc()());//输出：对象中this

例3

 var name = "全局this";    var object = {        name : "对象中this",        getNameFunc : function(){            var that = this;            return function(){                return that.name+","+this.name;            };        }    };    console.log(object.getNameFunc()());//输出：对象中this,全局this

例4

function test2(){       console.log(this.y);   }    var obj = {};    obj.y = 2;    obj.func= test2;    obj.func();//输出2

解析：在例1中，直接this调用全局，而在例2中this表示函数的上一级对象，故此时的this是对象object；在例4中test2函数被赋值给对象obj，所以此时的this表示对象obj

3.构造函数调用（实际上也可以理解成是一个对象，跟2中一样）

 var a = 1;     function test3(){         this.a = 2;     }     var gz = new test3();     console.log(a);//输出1     console.log(this.a);//输出1    console.log(gz.a);//输出2

解析：当new test3()弄成一个新的对象的时候，test3里面的this指向的是gz,所有全局变量没有变化