JS call()、apply()、bind()

/**
    * JS call()、apply()、bind()
    * */
   //EX1
   var name = "小王",age = 17;
   var obj = {
      name:"小张",
      objAge:this.age,
      myFun:function()
      {
         console.log(this.name + "年龄" + this.age);
      }
   };
   obj.objAge;//17
   //this指向:window
   obj.myFun();//小张年龄undefined
   //this指向:obj


   //EX2
   var fav = "LBJ";
   function shows()
   {
      console.log(this.fav);
   }
   shows();//LBJ
   //this指向:window

   

   /**
    * call()、apply()、bind() 都是用来重新定义this的指向
    * */
   var name = "小王",age = 17;
   var obj = {
      name:"小张",
      objAge:this.age,
      myFun:function()
      {
         console.log(this.name + "年龄" + this.age);
      }
   };
   var db = {
      name:"LBJ",
      age:36
   };
   obj.myFun.call(db);//LBJ年龄36
   obj.myFun.apply(db);//LBJ年龄36
   obj.myFun.bind(db);//ƒ (){console.log(this.name + "年龄" + this.age);}
   //bind返回的是一个函数,必须调用才会执行
   obj.myFun.bind(db)();//LBJ年龄36



   /**
    * call()、apply()、bind() 传参情况
    * */
   var name = "小王",age = 17;
   var obj = {
      name:"小张",
      objAge:this.age,
      myFun:function(fm,t)
      {
         console.log(this.name + " 年龄 " + this.age , " 来自 " + fm + " 去往 " + t);
      }
   };
   var db = {
      name:"LBJ",
      age:36
   };
   obj.myFun.call(db,"北京","上海");//LBJ 年龄 36  来自 北京 去往 上海
   obj.myFun.apply(db,["北京","上海"]);//LBJ 年龄 36  来自 北京 去往 上海
   obj.myFun.bind(db,"北京","上海")();//LBJ 年龄 36  来自 北京 去往 上海
   obj.myFun.bind(db,["北京","上海"])();/** LBJ 年龄 36  来自 北京,上海 去往 undefined */

   /**
    * call、apply、bind 这三个参数的第一个参数都是this的指向对象
    * 第二个参数:call 的参数是字符串,用逗号","分隔。
    *           apply 的参数都必须放在一个数组里传进去
    *           bind 除了返回的是函数之外,传参和call一样
    * 当然，三者的参数不限定是 string 类型，允许是各种类型，包括函数 、 object 等等！
    * 
    * 如果call和apply的第一个参数写的是null，那么this指向的是window对象
    * */

   //原文: https://www.cnblogs.com/Shd-Study/p/6560808.html