前端js -- this指向总结。

          面向对象编程 --- this指向

一。首先：,

this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象。

二。例如：

var obj = {
   a : 1,
   b : function() { 
       console.log(this.a) 
   }
}

当 obj.b()时，会输出1；
当 var fun = obj.b; fun() 时，会输出undefined。

三。原因：
1.obj.b()这里的this指向的是对象o，因为你调用这个fn是通过o.fn()执行的，那自然指向就是对象o。
2.

var fun = obj.b;
fun();

相当于，

var b = function(){ 
   console.log(this.a)
};
obj = {
   a:1,
   b:b
};
var fun = obj.b;
fun();

虽然fun是obj.b的一个引用，但是实际上，他引用的是b函数本身，因此此时的fun()其实是一个不带任何修饰的函数调用，只是在将fn赋值给变量j的时候并没有执行所以最终指向的是window。

四。总结： this的值要等到代码真正执行是才能确定。
同时，this的值有如下几种情况：
1.new调用时指的是被构造的对象。（

function Fn(){
   this.user = '猫咪'
}; 
var a = new Fn(); 
consle.log(a.user); //猫咪

这里之所以对象a可以点出函数Fn里面的user是因为new关键字可以改变this的指向，将这个this指向对象a，为什么我说a是对象，因为用了new关键字就是创建一个对象实例，我们这里用变量a创建了一个Fn的实例[相当于复制了一份Fn到对象a里面]，此时仅仅只是创建，并没有执行，而调用这个函数Fn的是对象a，那么this指向的自然是对象a，那么为什么对象a中会有user，因为你已经复制了一份Fn函数到对象a中，用了new关键字就等同于复制了一份。）
2.call，apply调用，只想我们指定的对象(后续更新)。
3.对象调用，如执行obj.b()，this指向obj。
4.默认的，指向全局变量window。

特殊：构造函数版this， 当this碰到return时。

1. 举例：

(1).

function fn()  { 
     this.user = '金毛'; 
     return {};
 }; 
 var a = new fn;  
 console.log(a.user); //undefined

(2).

function fn()  {   
    this.user = '金毛';    
    return function(){};
}; 
var a = new fn;  
console.log(a.user); //undefined 

(3).

function fn()  {  
    this.user = '金毛';   
    return 1;
}; 
var a = new fn;  
console.log(a.user); //金毛

(4).

function fn()  {  
    this.user = '金毛';  
    return undefined;
}; 
var a = new fn;  
console.log(a.user); //金毛

2.总结：如果返回值是一个对象，那么this指向的就是那个返回的对象，如果返回值不是一个对象那么this还是指向函数的实例。

3.特殊：虽然null也是对象，但是在这里this还是指向那个函数的实例，因为null比较特殊。

function fn()  {  
    this.user = '金毛';  
    return null;
}; 
var a = new fn;   
console.log(a.user); //金毛