call、apply、bind的区别及其实现原理

本文探讨JavaScript中call、apply、bind三个方法的共同点和区别,以及它们的实现原理。共同点包括它们是Function原型上的方法,能改变函数内部this指向,并接受可选参数。区别在于call和apply立即执行并返回结果,apply的参数为数组,而call则需要逐个列出;bind则返回新函数,延迟执行,this指向绑定时的参数,其余参数在调用时传递。
摘要由CSDN通过智能技术生成

日常开发中呢,我们或多或少会用到bind、call、apply这三个方法,今天我们就来讲一讲他们之间的区别和模拟实现解释他的原理;

1.共同点

1.首先这三个方法都是Function原型上的方法,针对函数而言的;
2.其次他们都是用于改变函数的内部this指向,这里划重点:是改变函数执行时候的内部this指向;
3.都是可以接受两个或多个参数,第一个参数就是改变后的this指向,后面为可选参数

2.区别

1.apply和call的调用会立即返回函数执行结果,如果使用apply或call方法,那么this指向他们的第一个参数,apply的第二个参数是一个参数数组,call的第二个及其以后的参数都是数组里面的元素,就是说要全部一一单独列举出来;

func.call(thisOrg,arg1,arg2,.....);
func.apply(thisOrg,[org1,org2,...]);

2.bind不会立即调用,而是返回一个新函数,称为绑定函数,其内的this指向为创建它时传入bind的第一个参数,而传入bind的第二个及以后的参数作为原函数的参数来调用原函数;
此处重点:传入 bind() 方法的第二个以及以后的参数加上绑定函数运行时本身的参数按照顺序作为原函数的参数来调用原函数

const func = f
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值