改变函数内部this指向

一、call（）方法

cal（) 方法作用：1 可以调用函数 2 可以改变this的指向
应用场景 ： 经常用于继承

var o = { name: 'andy'     }  
 function fn(a, b) {
       console.log(this);
       console.log(a+b) 
    }; 
  fn(1,2)// 此时的this指向的是window 运行结果为3 
  fn.call(o,1,2)//此时的this指向的是对象o,参数使用逗号隔开,运行结果为3

二、apply（）方法

apply（）方法作用 ：1 可以调用函数 2 可以改变this的指向
应用场景 ：经常跟数组有关系

var o = { name: 'andy'     } 
function fn(a, b) {
       console.log(this);
       console.log(a+b) 
      }; 
  fn()// 此时的this指向的是window 运行结果为3 
  fn.apply(o,[1,2])//此时的this指向的是对象o,参数使用数组传递 运行结果为3

三、bind（）方法

bind () 方法作用： 不会立即调用函数，但是会改变函数内部this的指向，返回的是原函数改变this之后产生的新函数
应用场景：不立即调用函数 但是想改变this的指向

var o = {  name: 'andy'  }; 
function fn(a, b) { 
       console.log(this);    
      console.log(a + b);    
  };
var f = fn.bind(o, 1, 2); //此处的f是bind返回的新函数
f();//调用新函数  this指向的是对象o 参数使用逗号隔开

**

总结 ：call（） apply（）bind（）三者异同点

**

• 共同点：改变this的指向

• 异同点：

  1 call 和 apply 会调用函数，并且改变函数内部this指向 call 和 apply
  2 传递的参数不一样，call传递参数使用逗哈隔开，apply使用数组传递
  3 bind 不会调用函数，可以改变函数内部this的指向

• 应用场景

  1 call 经常做继承
  2 apply 经常跟数组有关系，比如借助于数学对象实现数组最大值最小值
  3 bind 不调用函数，但是还想改变this指向，比如改变定时器内部的this指向