【javascript】反柯里化函数

背景

  • 同样是作业,我也是第一次听到反柯里化函数,第一次听感觉就是个call,意思是调用对象的任何函数不用考虑它有没有这个函数,把函数和对象绑定后,对象即也能用这个函数。

思路

  • 实现反柯里化函数肯定要给你需要的对象绑定函数,这个函数绑定到this上还需要再进行调用和传参,于是核心就是两个call或者this或者bind即可。

代码

Function.prototype.unCurrying = function () {
    return (...args)=> Function.prototype.call.apply(this,args)
}
Function.prototype.unCurrying = function () {
    return (...args)=>Function.prototype.call.call(this,...args)
}
Function.prototype.unCurrying = function () {
   return (...args)=> Function.prototype.bind.call(this,...args)
}


const obj = {};
const push = Array.prototype.push.unCurrying();
push(obj, 'kkk')//apply call 调用
push(obj, 'kkk')();//bind调用
console.log(obj.length); 
console.log(obj); 

思考

  • 这个实际上感觉和call没多少区别,特别的就是在Function上绑了个unCurring函数,然后使用别的对象方法可以沿着继承链去调用unCurring函数,这个时候的unCurring函数里的this就是想要使用的方法,再经过一个call把参数传进去。
  • 这个本质别被误导了,并不是什么不用考虑一个东西有没有这方法,本质是2个call,相当于先把obj绑定到push上,再call一下往push里传字符串。相当于Array.prototype.push.call(obj,'xxx'),那么为什么要搞复杂?就是把这个什么都能用这个函数做的方法给抽离出来,让this等于想用的方法,进行调2次。
  • 试着手动实现简易的call
Function.prototype.mycall=function (context,...args) {
    let fn=Symbol();
    context[fn]=this;//这个this指向aaa函数,因为aaa调用mycall,context又是bbb,这样context[fn]()就等于bbb调用从而换了this指向
    const res=context[fn](...args)
    delete context[fn]
    return res
}
bbb={value:2}
function aaa(ccc) { 
    console.log(this.value);
    console.log(ccc);
}
aaa.mycall(bbb,'xxx');
  • 可以发现,这个本质实际上是把函数绑到需要调用的对象的一个属性上,然后执行它。
  • apply就把参数改一下即可。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

业火之理

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值