这三个方法都是用来改变某一个函数this关键字指向的
- call
当前实例通过原型链的查找机制,找到Function.prototype上的call方法 =》function call() { [native code] }
fn.call(): 把找到的call方法执行
当call方法执行的时候,内部处理的事情
=> 首先把操作函数中的this绑定为第一个参数
=> 把call方法第二个及第二个以后的实参获取到
=> 把要操作的函数执行,并且把第二个以后的传递进来的实参传给函数
call原理:
Function.prototype.call = function(a, 20, 30){
let param1 = arguments[0],
paramOther = [];
//=>this:fn当前要操作的函数(函数的 一个实例)
//把fn中的this关键字修改为param1
//把fn执行,把paramOther分别传给fn
this(20, 30)
}
function fn1(){console.log(1);}
function fn2(){console.log(2);}
fn1.call(fn2);
fn1.call.call(fn2);
Function.prototype.call(fn1);
Function.prototype.call.call(fn1);
fn1.call.call.call.call(fn2);//2
call中的细节:
1.非严格模式下,如果参数不传,或者第一个传递的是null/undefined,this是window
2.严格模式下:不传,this是undefined
- apply
与call的区别就是,后面的参数是一个数组 - bind:语法和call一模一样,唯一的区别在于立即执行还是等待执行
fn.call(obj, 10, 20) 改变fn中的this,并且把fn立即执行
fn.bind(obj, 10, 20)改变fn中的this,并且此时读fn并没有执行