js-11:bind、apply、call区别?如何实现一个bind

1、作用
call、apply、bind的作用是改变函数执行时的上下文,简而言之是改变函数运行时的this指向。
那么什么情况下需要改变this的指向呢?
举例:
在这里插入图片描述
从上面可以看出正常情况下say方法输出martin
但是把say方法放在setTimeout方法中,在定时器中是作为回调函数来执行的,因此回到主栈执行时是在全局执行上下文的环境中执行的,这时候this指向window,所以输出lucy

我们实际需要this指向obj对象,所以这时候需要改变this指向。
在这里插入图片描述
2、区别
下面看apply、call、bind的使用
apply:apply接受两个参数,第一个参数是this的指向,第二个参数是函数接受的参数,以数组的形式传入。
改变this指向原函数会立即执行,且此方法只是临时改变this指向一次。
在这里插入图片描述
当第一个参数为null、undefined的时候,默认指向window(在浏览器中)
在这里插入图片描述
call:call方法的第一个参数也是this的指向,后面传入的是一个参数列表
跟apply一样,改变this指向后原函数会立即执行,且此方法只是临时改变this指向一次
在这里插入图片描述
同样,当地一个参数为null,undefined的时候,默认指向window(在浏览器中)
在这里插入图片描述
bind:bind方法和call很相似,第一个参数也是this的指向,后面传入的是一个参数列表(但这个列表可以分多次传入)
改变this指向后不会立即执行,而是返回一个永久改变this指向的函数。
在这里插入图片描述
小结:
从上边可以看出apply、bind、call三者的区别在于:
三者都可以改变函数的this指向
三者第一个参数都是this要指向的对象,如果没有这个参数或者参数为undifined或null,则默认指向全局window
三者都可以传参,但是apply是数组,而call是参数列表,且apply和callhi是一次性传入参数,而bind可以分为多次传入
bind是返回绑定this之后的函数,apply和call是立即执行

3、实现
实现bind的步骤可以分为三部分:
修改this指向
动态传递参数
在这里插入图片描述
兼容new关键字
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值