高效总结call,apply,bind的异同

call、apply、bind的异同

 作用执行时间用法共同点
call调用其他对象的方法立即执行a.call(b,...arr)

Function对象自带的方法,

可以改变this指向

applya.apply(b,arr)
bind创建一个绑定函数回调执行a.bind(b,args)()

 

 

 

 

 

下面通过一个简单的实例来看三者的区别

name="window";
var a={
	name:"aa",
	fn:function(...a){
		var sum=0;
		a.map(v=>sum+=v);//累加
		console.log("name = "+this.name);
		console.log("sum = "+sum);
	}
}


var b={name:'bb'};
/* name = bb
	sum = 6*/
a.fn.call(b,1,2,3);
a.fn.apply(b,[1,2,3]);
a.fn.bind(b,1,2,3)();


/* name = window
	sum = 6*/
a.fn.call(null,1,2,3);
a.fn.apply(undefined,[1,2,3]);
a.fn.bind(this,1,2,3)();

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值