bind函数_手写bind

9039ae35beb4b1331ec55cc18f6a7fe8.png

在写bind之前,我们得了解bind的基本用法。

bind的基本用法是直接使用bind方法绑定一个函数的上下文。类似这个样子

let 

先实现上面的效果,因为bind函数是给所有函数来调用的,所以应该实现一个Function.prototype.bind,这样就可以让所有函数的隐式原型上都会有一个bind了。

Function

bind的第一个形参是要绑定给函数的上下文,所以再完善一下上面的代码

Function

这个时候上面的效果就实现了,但是只能给bind传递一个参数。

真正的bind函数是可以传递多个参数的,第一个参数是要绑定给调用它的函数的上下文,其他的参数将会作为预设参数传递给这个函数,如下所示

let 

为了实现上面的效果,我们发现只要在返回的值上将函数合并上去就行了

Function

为了兼容性,替换成ES5的写法

Function

上面的方法已经能够解决绝大多数的bind的需求了,但是上面没有考虑在对bind之后的函数使用new操作符的情况。请看下面这个例子

let 

通过上面的例子,可以知道在使用bind对一个函数绑定了上下文之后,得到的函数使用new操作符进行操作之后,这个结果的上下文并不受传递给bind的上下文影响,也就是使用new操作符的时候,传递给bind的第一个参数是会被忽略掉的。

另外要注意的一点是,我们如果直接像下面这样操作是会出错的。

let 

因此必须考虑把函数的原型保留下来。

Function

我们还需要再找到一种方法来判断是否对bind之后的结果使用了new操作符。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值