apply()和call()都是函数的方法,用来在特定的作用域下调用函数,实际上等于设置函数体内this对象的值。
1.apply方法:接收两个参数,一个是在其中运行函数的作用域,一个是参数数组(可以是Array的实例.也可以是arguments对象)。
ex:
function sum(num1,num2){
return num1+num2;
}
function applySum(num1,num2){
return sum.apply(this,arguments);//传入arguments对象
}
function applySum2(num1,num2){
return sum.apply(this,[num1,num2]);//传入参数数组
}
console.log(applySum(10,10))//20
console.log(applySum2(10,10))//20
2.call方法,和apply的唯一区别是传参的不同,第二个参数必须逐一传过去,而不是数组的形式
ex:
function sum(num1,num2){
return num1+num2;
}
function applySum(num1,num2){
return sum.call(this,num1,num2);//传入每个参数
}
最强大的地方在于可以扩充函数的作用域
window.color = 'red';
var o = {
color: 'blue'
};
function sayColor(){
console.log(this.color)
};
sayColor();//red,此时的this指向window
sayColor.apply(window);//red,此时的this指向window
sayColor.apply(o);//bule,此时的this指向o
sayColor.call(window);//red,此时的this指向window
sayColor.call(o);//bule,此时的this指向o