详解js中call与apply关键字的作用
javascriptcall与apply关键字的作用
apply接受两个参数。第一个参数指定函数体内this对象的指向，第二个参数为一个带下标的集合。
call则是apply的语法糖，如果参数数量固定，则可以不用带下标的集合传第二个参数。
varfunc=function(a,b,c)
{
alert(a+b+c);
}
func.apply(null,[1,2,3]);//弹出6
func.call(null,1,2,3);//弹出6
当apply与call传入的第一个参数为null时，函数体内的this会指向window。
当apply与call传入的第一个参数为null时，函数体内的this会指向window。
call与apply的用途
1、改变this的指向
varobj1={
name='刘备'
}
varobj2={
name='曹操'
}
vargetName=function(){
alert(this.name);
}
window.name='三国';
getName();//弹出"三国"
getName.call(obj1);//弹出"刘备"
getName.call(obj2);//弹出"曹操"
所以，当在一些情况下this被莫名改变指向之后，可以使用call或apply来进行修正this的指向。
document.getElementById('div1').onclick=function(){
alert(this.id);//div1
varfun1=function(){
alert(this.id);//window.id即undefined
}
fun1();//普通函数的方式调用，this指代window,相当于window.id即undefined
}
由于是普通函数的方式调用，所以上面的例子中，this已经变成了window。下面看看如何使用call进行修正。
document.getElementById('div1').onclick=function(){
alert(this.id);
varfun1=function(){
alert(this.id);
}
fun1.call(this);//强制函数内的this为外层的this，
}
2、调用其他对象的函数
示例1：
varobj1={
a:1,
b:2,
add:function()
{
returnthis.a+this.b;
}
}
varobj2={
a:1,
b:2,
}
varresult=obj1.add.call(obj2);//用obj1的函数来计算obj2的两个属性的和
alert(result);//输出3
示例2：借用构造函数实现类似继承的效果
varA=function(name)
{
this.name=name;
};
varB=function(){
A.apply(this,arguments)
}
B.prototype.getName=function(){
returnthis.name;
}
varb=newB('刘备');
alert(b.getName());
以上就是本文的内容，有问题可以和小编联系，谢谢对毛票票的支持！