JS中this指向问题

//Javascript this 关键字
/**
 * 面向对象语言中 this 表示当前对象的一个引用。
   但在 JavaScript 中 this 不是固定不变的，它会随着执行环境的改变而改变。
   1.在对象方法中， this 指向调用它所在方法的对象。
   2.单独使用 this，它指向全局(Global)对象。
   3.函数使用中，this 指向函数的所属者。
   4.严格模式下函数是没有绑定到 this 上，这时候 this 是 undefined。
   5.在 HTML 事件句柄中，this 指向了接收事件的 HTML 元素。
   6.apply 和 call 允许切换函数执行的上下文环境（context），即 this 绑定的对象，可以将 this 引用到任何对象。
 * */
// 参考: https://www.runoob.com/js/js-this.html



   function a()
   {
      var num = 111;
      console.log(this.num);//undefined
      console.log(this);//Window
   }
   a();
   //调用函数 a(),实际上是 window.a(); 
   //实际调用者是window,this的指向也是window

   /**
    * this指向是obj,因为调用fun是通过obj.fun()来执行的。
    * 【this的指向不是创建的时候决定的，而是执行的时候决定的。谁去调用就指向谁】
    * */
   var obj = {
      num:111,
      fun:function()
      {
         console.log(this.num);//111
      }
   };
   obj.fun();

   var obj = {
      num:111,
      fun:function()
      {
         console.log(this.num);//111
      }
   };
   window.obj.fun();

   /**
    * 1.如果一个函数中有this,但是它没有被上一级调用,那么它就指向window (严格模式除外)  
    * 2.如果一个函数中有this,这个函数有被上一级调用,那么this的指向就是它的上一级的对象。
    * 3.如果一个函数中有this,【这个函数包含多个对象,尽管这个函数被最外层函数调用,this指向的也只是它上一级的对象】
    * */
   //EXP
   var obj = {
      a:10,
      b:{
         a:111,
         fun:function()
         {
            console.log(this.a);
         }
      }
   };
   obj.b.fun();//111

   var obj = {
      a:10,
      b:{
         // a:111,
         fun:function()
         {
            console.log(this.a);//undefined
            console.log(this);//window
         }
      }
   };
   var j = obj.b.fun;
   j();
   //【this永远指向像最后调用它的对象,也就是看它执行的时候谁调用的】
   //[虽然函数fun是被对象b引用,但将fun赋值给变量j的时候没有执行,所以最终指向的是window.]
   


   /**
    * 构造函数版this
    * */
   function fun()
   {
      this.user = "111";
   }
   var a = new fun();
   console.log(a.user);//111
   //【这里a之所以能点出函数fun里面的user,是因为new可以改变this的指向,将这个this指向对象a,为什么说是a对象,因为用了new关键字就是创建一个对象实例,这里用a创建了了一个fun的实例(相当于复制了一份fun到对象a里面.)此时仅仅是创建,并没有执行.而调用这个函数fun的是对象a,那么this指向的自然是对象a,那么为什么a中会有user,因为你已经复制了一份fun到对象a中,用了new关键字就等于复制了一份】



   /**
    * 当this遇到return
    * */
   //EXP
   function fun()
   {
      this.user = "111";
      return {};
   }
   var a = new fun;
   console.log(a.user);//undefined

   function fun()
   {
      this.user = "111";
      return function(){};
   }
   var a = new fun;
   console.log(a.user);//undefined

   //EXP2
   function fun()
   {
      this.user = "111";
      return 1;
   }
   var a = new fun;
   console.log(a.user);//111

   function fun()
   {
      this.user = "111";
      return undefined;
   }
   var a = new fun;
   console.log(a.user);//111

   //【如果返回值是一个对象,那么this指向的就是那个返回的对象.如果返回值不是一个对象,那么this还是指向函数的实例】
   function fun()
   {
      this.user = "111";
      return undefined;
   }
   var a = new fun;
   console.log(a);//fun {user: "111"}



   //一个特殊的对象null: 
   //虽然null也是对象,但是在这里this还是指向那个函数的实例
   function fun()
   {
      this.user = "111";
      return null;
   }
   var a = new fun;
   console.log(a.user);//111



   /**
    * 1.在严格版中默认的this不在是window,而是undefined。
    * 2.new 操作符会改变件数this的指向问题,
    * */
   function fun()
   {
      this.num = 111;
   }
   var a = new fun();
   console.log(a.num);//111

   //为什么this会指向a?,首先new关键字会创建一个空对象,然后会自动调用一个函数apply方法,将this指向这个空对象,这样的话函数内部的this就会被这个空对象代替.
   //注意: 当你new一个空对象的时候,js内部的实现并不一定是用的apply方法来改变this指向的,这里我只是打个比方而已.
　 //if (this === 动态的\可改变的) return true;
   //???

   //参考: https://www.cnblogs.com/pssp/p/5216085.html