js中bind、call、apply的区别

这三个方法都是写到Function对象的原型上的,也就是写到Function.prototype上的;其中bind方法是ES5里新增的。

bind方法

bind方法第一个参数是指定this,其他是直接传递给函数的参数。
用来固定某个函数的this和参数并返回一个函数等待后续调用。

function demo(a, b) {
    console.log(this, a, b);
}
let fn = demo.bind("this is bind", 12) // 没有任何输出,说明没有执行

fn() // "this is bind" 12 undefined
fn(10) // "this is bind" 12 10 
// bind方法可以在需要的时候再调用,也可以在调用的时候再添加参数,并且原有的参数也不会被覆盖。
call方法

call 方法第一个参数是指定this,其他是直接传递给函数的参数

demo.call("this is call",1) // "this is call" 1 undefined
demo.call("this is call", 1, 2) // "this is call" 1 2

//call方法是在指定this 和参数后立即调用这个函数
apply方法

apply方法第一个参数是指定this,第二个参数是传递给函数的参数的的数组;apply方法只有两个参数。

可以用于不知道参数个数的场景

demo.apply("this is apply", [1]) // "this is apply" 1 undefined
demo.apply("this is apply", [1,2]) // "this is apply"  1 2

// apply方法也是在指定this和参数后立即调用

总结

call和apply方法都是在指定this和参数后立即执行,区别是传递给函数的参数形式不一样;bind方法是在指定this和参数后返回一个函数,什么时候需要调用了再调用,并且可以在调用的时候添加参数,其他的和call方法一样

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值