js中的apply实现

yourana123

已于 2023-05-10 14:00:34 修改

阅读量286

点赞数

文章标签： javascript 开发语言

于 2023-05-10 13:55:51 首次发布

本文链接：https://blog.youkuaiyun.com/yourana123/article/details/130599274

版权

文章通过一个示例展示了如何使用call模拟apply的功能。定义了一个person函数和一个newApply方法，newApply接受一个对象和一个数组作为参数，通过在对象上临时添加一个函数并使用...运算符展开数组参数来模拟apply的行为，确保函数的this指向正确。最后，文章对比了newApply和apply的使用效果，两者返回的结果相同。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

apply和call很像最大的区别就是apply接收的第二个参数是一个数组
借用call实现的思路实现apply

function person(a,b,c,d) {
    console.log(this.name);
    return{
        name:this.name,
        a:a,
        b:b,
        c:c,
        d:d
    }
}
let p = { name:'张三' }

Function.prototype.newApply=function (object,arr) {
    let obj=object||window,res  //考虑传入的参数object是null的情况
    //为形参添加一个函数方法命名为f。这里this指向函数newApply的调用者，本例中指person这个函数，这样就相当于给对象添加了一个person函数
   obj.f=this
   if(!arr){
    res=obj.f()
   }else{
    res= obj.f(...arr)// 执行person函数，发生隐式绑定，即person中的this指向调用者即object
   }
   delete obj.f  //为了不改变对象，上面为对象添加了一个函数方法，最后就要删除
   return res
}

const newApply=person.newApply(p,['1','2','3','4'])
console.log(newApply);//{name: '张三', a: '1', b: '2', c: '3', d: '4'}
const apply=person.apply(p,['1','2','3','4'])
console.log(apply); //{name: '张三', a: '1', b: '2', c: '3', d: '4'}