【无标题】js中的call实现

function person() {
    console.log(this.name)
}
let p = { name:'张三' }
 
person.newCall(p)
 
Function.prototype.newCall=function (obj) {
    //为形参添加一个函数方法命名为f。这里this指向函数newCall的调用者，本例中指person这个函数，这样就相当于给对象添加了一个person函数
   obj.f=this
   obj.f()// 执行person函数，发生隐式绑定，即person中的this指向调用者即obj
   delete obj.f  //为了不改变对象，上面为对象添加了一个函数方法，最后就要删除
}

现在就实现了基本的call(),但是显然call的第一个参数是可以为null的，而且参数不止一个的.

获取函数的参数可以用arguments对象

function person(a,b,c,d) {
    console.log(this.name)
    console.log(a,b,c,d);
    return{
        name:this.name
    }
}
let p = { name:'张三' }
 
Function.prototype.newCall=function (object) {
    let obj=object||window  //考虑传入的参数object是null的情况
    //为形参添加一个函数方法命名为f。这里this指向函数newCall的调用者，本例中指person这个函数，这样就相当于给对象添加了一个person函数
   obj.f=this
   let NewArguments=[...arguments].slice(1) //拿到第二及以后的参数
   const res= obj.f(...NewArguments)// 执行person函数，发生隐式绑定，即person中的this指向调用者即object
   delete obj.f  //为了不改变对象，上面为对象添加了一个函数方法，最后就要删除
   return res
}
 
person.newCall(p,'1','2','3','4')//张三  1 2 3 4
person.call(p,'1','2','3','4')//张三  1 2 3 4
person.call(null) //undefined undefined undefined undefined
person.newCall(null)//undefined undefined undefined undefined
const newcall=person.newCall(p,'1','2','3','4')
console.log(newcall);//{name: '张三'}
const call=person.call(p,'1','2','3','4')
console.log(call); //{name: '张三'}

这样就实现看call