【JS手写实现call】

1.简单说一下call的功能:

this总是指向调用某个方法的对象,但是使用call()和apply()方法时,就会改变this的指向。

obj1.(method).call(obj2,argument1,argument2)

大白话说就是:call的作用就是把obj1的方法放到obj2上使用,后面的argument1..这些做为参数传入。

2.实现其功能:

    <script>

    var name = 'ls'
    var person = {
        getName: function () {
            // console.log(this);  window
            // 怎么让这里的this变成person2  才能打印出'kb'  --->  从这个函数调用哪里入手
            return this.name
        }
    }

    var person2 = {
        name: 'zs'
        // fn(){    
        //     return this.name
        // }
    }
    //重要步骤1  myCall根据__proto__ 在Function的原型对象上找到myCall
    Function.prototype.myCall = function (context) {
        // 这里的this必须是函数
        if (typeof this !== 'function') {
            throw new Error('error')
        }

        // context   -->  person2   (参数)
        context = context || window

        // this  -->  person.getName  (因为是person.getName调用myCall 所以this就是person.getName)
        // console.log(this);
        var arg = [...arguments].slice(1)
        //重要步骤2  将person.getName 赋值给 context.fn
        // 需要假设person2上有一个方法
        context.fn = this   //将person.getName 赋值给假设的方法
        var result = context.fn(...arg)  //调用person.getName 

        return result
    }

    console.log(person.getName.myCall(person2, 1, 2, 3));

    </script>

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值