您的位置:首页 > 移动开发

javascript中apply、call和bind的区别

2016-09-27 22:38 375 查看

相同点:

都是用来改变函数的this对象的指向的

第一个参数都是this要指向的对象

都可以利用后续参数传参

举个例子来说明用处:

var xw = {
name:"xiaowang",
say:function(sex){
console.log("i am "+this.name+",i am a "+sex);
}
}
var xh = {
name:"xiaohong"
}


xw.say.apply(xh,["girl"]);//i am xiaohong,i am a girl
xw.say.call(xh,"girl");//i am xiaohong,i am a girl
xw.say.bind(xh);//function(sex){console.log("i am "+this.name);}
xw.say.bind(xh)("girl");//i am xiaohong,i am a girl


call和apply都是对函数的直接调用,而bind方法返回的仍然是一个函数,因此后面还需要()来进行调用才可以。

call后面的参数与say方法中是一一对应的,而apply的第二个参数是一个数组,数组中的元素是和say方法中一一对应的,这就是两者最大的区别。bind方法则在函数调用时传入参数,形式和call方法一样。

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  apply和call bind 区别