call、apply、bind区别

console.log(Function.prototype.hasOwnProperty('call')) //true
console.log(Function.prototype.hasOwnProperty('apply')) //true
console.log(Function.prototype.hasOwnProperty('bind')) //true

上面代码中,都返回了true,表明三种方法都是继承自Function.prototype的。当然,普通的对象,函数,数组都继承了Function.prototype对象中的三个方法,所以这三个方法都可以在对象,数组,函数中使用。三个方法的作用都是一样的,简单来说就是改变当前使用该方法的对象中的this指向。

this的指向

call/apply/bind方法的第一个参数都是 this 指定的值;如果第一个参数为空,或参数为 null或 undefined 或 this,则等同于指向全局对象window。

window.color='red';
var obj={color:"blue"};
function sayColor(){
console.log(this.color);
};
sayColor(); //red
sayColor.call(this); //red
sayColor.call(window); //red
sayColor.call(obj); //blue
sayColor.apply(obi); //blue
sayColor.bind(obj)(); //blue

call apply bind的区别

  • call后面的参数是arguments 或其他参数
  • apply 的第二个参数必须是数组,内含所有其他参数
  • 由于bind返回的仍然是一个函数,所以我们还可以在调用的时候再进行传参。

总结

call、apply与bind的差别
call和apply改变了函数的this上下文后便执行该函数,而bind则是返回改变了上下文后的一个函数。

call、apply的区别
他们俩之间的差别在于参数的区别,call和apply的第一个参数都是要改变上下文的对象,而call从第二个参数开始以参数列表的形式展现,apply则是把除了改变上下文对象的参数放在一个数组里面作为它的第二个参数。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值