手写call方法(代码演示)

  let person = {
        name: 1,
        getName: function () {
            return this.name
        }
    }

    let person1 = {
        name: '你猜'
    }
    //我们在这封装出来一个  自己的call方法

    //这个Mycall方法肯定得是 在原型上  才能被每个function给访问到
    Function.prototype.Mycall = function (context) {
        //我们先进行一个判断   判断一下 this(也就是这个方法的调用者)是不是function   
        if (typeof this !== 'function') {
            return console.log('error');
        }
        //如果是function的话  我们就进行接下来的操作
        //对我们这个context  进行判断  如果为空  就是window  
        context = context || window

        context.fn = this    //我们知道  这里面的this其实是 一个函数   我们将这个函数  放在context上  以便 this这个函数里面的this指向这个context

        //当然  真正的call方法会接受参数   
        //这个参数 肯定是 除去我们要让this指向的那个参数
        let args = [...arguments].slice(1)

        let result = context.fn(...args)

        return result
    }


    console.log(person.getName.Mycall(person1, 1, 2, 3, 4));

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值