JavaScript的call,apply和bind的区别
相同点是三者都可以把一个函数应用到其他对象上;都是用来改变函数的this对象的指向的;第一个参数都是this要指向的对象;都可以利用后续参数传参。不同点是call,apply是修改函数的作用域,即修改this指向,并且立即执行,而bind是返回了一个新的函数,不是立即执行;而call和apply的区别是call接受逗号分隔的无限多个参数列表,apply则是接受数组作为参数。
var xw = {
name : "小王",
gender : "男",
age : 24,
say : function() {
alert(this.name + " , " + this.gender + " ,今年" + this.age);
}
}
var xh = {
name : "小红",
gender : "女",
age : 18
}
xw.say();
此时say方法没有参数
- call方法传参:
xw.say.call(xh);
- apply方法传参:
xw.say.apply(xh);
- bind方法传参:
xw.say.bind.(xh)();
var xw = {
name : "小王",
gender : "男",
age : 24,
say : function(school,grade) {
alert(this.name + " , " + this.gender + " ,今年" + this.age + " ,在" + school + "上" + grade);
}
}
var xh = {
name : "小红",
gender : "女",
age : 18
}
此时say方法有参数
- call方法传参:call后面的参数与say方法中的参数是一一对应的
xw.say.call(xh,"实验小学","六年级");
- apply方法传参:apply的第二个参数必须是数组,数组中的元素是和say方法中的参数一一对应的
xw.say.apply(xh,["实验小学","六年级"]);
- bind方法传参:bind方法返回的是一个函数,可以在调用的时候再进行传参
xw.say.bind(xh,"实验小学","六年级")();
等价于
xw.say.bind(xh)("实验小学","六年级");