call的初步理解

Posted 2020-08-28 花花

首先说下call的本质是一个函数

模拟下:

Function.prototype.call = function(context){
　　// this表示某函数,函数里面的this先被替换成context,然后再执行
　　this.bind(context);
　　this();
}

然后理解这个

Function.prototype.call.call(context);
// 相当于
this.bind(context);
this();
// this指Function.prototype.call,于是相当于
Function.prototype.call.bind(context);
Function.prototype.call();
// 因为Function.prototype.call这个函数里面的this变成了context
context.bind(context);
context();

然后再理解理解这个

Function.prototype.call.call.call(context);
// 相当于
this.bind(context);
this();
// this指Function.prototype.call.call,因为call本身就是函数,而任何函数的call属性相当于Function.prototype.call,也就是Function.prototype.call.call = Function.prototype.call,然后this实际还是指Function.prototype.call,重复上面的说

 Function.prototype.call.bind(context); Function.prototype.call(); 

// 因为Function.prototype.call这个函数里面的this变成了context 

context.bind(context); context();

 

然后,看一个demo:

 

function fn1(){
　　console.log(1)
}
function fn2(){
　　console.log(2)
}
// Function.prototype.call(fn2);this指当前的实例fn1,fn1里面的this指fn2
fn1.call(fn2);
// Function.prototype.call.call(fn2);this指Function.prototype.call,Function.prototype.call里面的this指fn2
fn1.call.call(fn2);
// 相当于
fn2();
//其实只要超过一个call,都是fn2()