深入理解call、applay和bind

这三个方法都是用来改变某一个函数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并没有执行

猜你喜欢

转载自blog.csdn.net/weixin_42098339/article/details/89741562
今日推荐