手撕内置call / 如何手写内置call

Function.prototype.call = function call(context, ...params) {
    // this->fn context->obj params->[10,20]
    //目的:把fn{this}执行,让其this指向obj{context},并且把10/20{params}传递给他,最后把fn执行的结果返回
    //额外处理:如果context是原始值类型,是无法设置属性的,此时我们需要把原始值类型变为对象类型
    if (context == null) context = window;
    if (typeof context !== "object" && typeof context !== "function") context = Object(context); //只有对象类型的值加属性才有用,所以判断一下是不是对象类型的,如果context(obj)不是对象类型的就用Object(context)转成对象类型的
    let key = Symbol('KEY'),
        result; //接收返回值
    context[key] = this; //给obj加个属性(唯一值)等于fn      []和.是一个意思
    result = context[key](...params);
    delete context[key]; //用完删掉
    return result;
};
const fn = function fn(x, y) {
    console.log(this);
    return x + y;
};
let obj = {
    name: '哈哈'
};
// fn(10, 20); //this->window
// obj.fn(10,20);//Uncaught TypeError:obj.fn is not a function
let result = fn.call(obj, 10, 20); //this->objx->10 y->20

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值