JS中改变this指向的方法

1.call方法

call() 方法调用一个对象。简单理解为调用函数的方式，但是它可以改变函数的 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

 2 .apply方法

apply() 方法调用一个函数。简单理解为调用函数的方式，但是它可以改变函数的 this 指

向。

应用场景 : 经常跟数组有关系

    var o = {
      name: 'andy'
    }

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

 3. bind方法

bind() 方法不会调用函数 , 但是能改变函数内部 this 指向 , 返回的是原函数改变 this 之后产 生的新函数

如果只是想改变 this 指向，并且不想调用这个函数的时候，可以使用 bind

应用场景 : 不调用函数 , 但是还想改变 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 参数使用逗号隔开

 

4.call、apply、bind三者的异同

共同点 : 都可以改变 this 指向

不同点 :

call 和 apply 会调用函数 , 并且改变函数内部 this 指向 .

call 和 apply 传递的参数不一样 ,call 传递参数使用逗号隔开 ,apply 使用数组传递

bind 不会调用函数 , 可以改变函数内部 this 指向 .

应用场景

1. call 经常做继承 .

2. apply 经常跟数组有关系 . 比如借助于数学对象实现数组最大值最小值

3. bind 不调用函数 , 但是还想改变 this 指向 . 比如改变定时器内部的 this 指向