apply的妙用

标签：max   add   math   color   function   round   最大   blog   参数   

有一个很常见的问题”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的这个功能，可以简化很多操作。

（1）求数组中的最大/最下值

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，我们只需要用这个方法帮助计算就行。

（2）合并两个数组

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正好可以实现这个功能。

apply的妙用

标签：max   add   math   color   function   round   最大   blog   参数   

原文地址：http://www.cnblogs.com/youhong/p/6503130.html