JS中this的作用

构造器中的this

var Obj = function(){  this.value = 'a';  this.getValue = function(){    console.log(this.value);  }}var obj = new Obj();obj.getValue();

输出：

"a"

这里类构造时的this就是指Obj这个“类”。this.value是指，这个“类”中的成员属性。

作为对象方法调用

var Obj = function(){  this.value = 'a';  this.getValue = function(){    console.log(this.value);  }}var obj = new Obj();obj.getValue();

输出：

"a"

getValue这个方法，通过“对象”的方式进行调用。其中的this.value就是指这个对象中的属性，this指这个对象。

作为普通方法调用

var Obj = function(){  this.value = 'a';  this.getValue = function(){    console.log(this.value);  }}var obj = new Obj();var fun = obj.getValue;fun();

输出：

undefined

由于getValue的调用不再通过对象直接调用，而是使用简单函数的方式进行调用，因此此时，this会丢失（指向全局window类，在ES5 restrict模式下，为undefined）.
为了解决这个问题，我们可以提前在“对象”中先记录下，这个this，防止其丢失，然后再对这个记录进行读取操作。
如下：

var Obj = function(){  this.value = 'a';  var self = this;  this.getSelfValue = function(){    console.log(self.value);  }}var obj = new Obj();var funSelf = obj.getSelfValue;funSelf();

输出：

"a"