有一个很常见的问题”call和apply的区别是什么?“,大家都知道答案:它们的区别仅在于接受参数的方式不同,传递给call的第二个参数必须逐个列举出来,而传递给apply的第二个参数则是一个数组,如下

function sum(num1,num2){
return num1 + num2;
}
function callSum(num1,num2){
return sum.call(this,num1,num2);
}
function applySum(num1,num2){
return sum.apply(this,[num1,num2]);
//或者return sum.apply(this,arguemnts);
}

也就是说,apply函数其实具备一个功能:将传入的参数数组转换成参数列表的形式,一个个传递。利用apply的这个功能,可以简化很多操作。

求数组中的最大/最下值

var arr = [1,2,3,4,5];
console.log(Math.max.apply(null,arr));//5 apply方法
console.log(Math.max(1,2,3,4,5));//5 原始方法

1)上述代码中两种方法都实现了找出最大值,但如果数组很长或者只给了arr(不知道其中具体的数值),采用原始方法会很麻烦(要列很长的数,或者要求数组先转换成列表),而apply方法直接apply自身的转换功能,就简单的实现了。

2)apply方法中的第一个参数为null,是因为没有对象去调用apply,我们只需要用这个方法帮助计算就行。

合并两个数组

var arr1 = [1,2,3]
var arr2 = [4,5,6];
Array.prototype.push.apply(arr1,arr2);
console.log(arr1) ;//[1,2,3,4,5,6]

要实现数组合并也是比较麻烦的,按上述方法对arr1调用apply,就可以简单的把arr2按顺序一个个合并到数组arr1中了。

总结:上面两个用法都有一个共同点,就是需要将数组转换成列表形式,而apply正好可以实现这个功能。

05-28 07:52