详解JS函数中的call、apply及bind的用法

一、call()方法        

      调用call()方法会立即执行目标函数,同时改变函数内部this的指向。this指向由方法的第一个参数决定,后面逐个列举的任意参数将作为目标函数的参数一一对应传入;

二、apply()方法        

       调用apply()方法会立即执行目标函数。同时改变函数内部this的指向。this指向由方法的第一个参数决定,第二个参数是一个参数数组或arguments对象,各数组元素或arguments对象表示的各参数将作为目标函数的参数一一对应传入;

三、bind()方法        

      调用bind()方法将返回一个新函数——目标函数的拷贝,该函数内部的this指向方法的第一个函数,后面逐个列举的任意个数参数将作为目标函数的参数一一对应传入。之后执行新函数相当于执行了目标函数。        

bind()方法实现了函数柯里化,因此可以分两次向目标函数传递参数,第一次的参数列举在bind()方法首参后面,第二次的参数列举在新函数中。

三者的相同点:      

      ·都能够改变目标函数执行时内部this的指向;      

      ·方法的第一个参数用于指定函数执行时内部的this值;      

      ·支持向目标函数传递任意个参数;      

      ·若不向方法的第一个参数传值或者传递undefined、null,则在JavaScript正常模式下,目标函数的内部this指向window对象,严格模式下,分别指向undefined、null;

三者的区别:      

      ·apply()方法可接受两个参数,而call()和bind()方法则可接收多个参数;      

      ·apply()方法向目标函数传递参数时只需要将参数数组或arguments对象作为方法的第二个参数即可,而call()和bind()方法则需要将传参逐个列举在方法的第一个参数后面;      

      ·调用call()和apply()方法时会立即执行目标函数,而bind()方法则不会,它将返回一个新函数——目标函数的拷贝,该函数内部的this指向bind()方法的第一个参数,之后执行新函数相当于执行了目标函数;      

      ·只有bind()方法实现了函数柯里化,因此可以分两次向目标函数传递参数。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值