8.手写apply

本文详细解释了如何实现JavaScript中Function.prototype.myapply方法,包括判断调用对象、设置上下文、处理参数传递和避免命名冲突的过程。通过实例展示了如何在对象上调用函数并返回结果。
摘要由CSDN通过智能技术生成

apply 函数的实现步骤:

  1. 判断调用对象是否为函数,即使我们是定义在函数的原型上的,但是可能出现使用 call 等方式调用的情况。
  2. 判断传入上下文对象是否存在,如果不存在,则设置为 window 。
  3. 将函数作为上下文对象的一个属性。
  4. 判断参数值是否传入
  5. 使用上下文对象来调用这个方法,并保存返回结果。
  6. 删除刚才新增的属性
  7. 返回结果

Function.prototype.myapply = function(objectArgs,arr){
        //使用Symbol是为了防止命名冲突
        const key = Symbol('f')
        let context = objectArgs || window
        context[key] = this
        const res = context[key](...arr)
        //删除键值
        delete context[key]
        return res;
    }
    const person = {
        name:'aDong'
    }
    function fn(n1,n2,n3){
        console.log(this);
        console.log(n1,n2,n3);
        return n1 + n2 + n3
    }
    const res = fn.myapply(person,[1,2,3])
    console.log(res);

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值