小議Function.apply()之二——利用Apply的參數數組化來提高 JavaScript程式效能

我們再來聊聊Function.apply() 在提升程式效能方面的技巧。

我們先從 Math.max() 函數說起， Math.max後面可以接任意個參數，最後返回所有參數中的最大值。

比如
alert(Math.max(5,8)) //8
alert(Math.max(5,7,9,3,1,6)) //9

但是在很多情況下，我們需要找出數組中最大的元素。
var arr=[5,7,9,1]
alert(Math.max(arr)) // 這樣卻是不行的。一定要這樣寫

function getMax(arr){
var arrLen=arr.length;
for(var i=0,ret=arr[0];i<arrLen;i++){
ret=Math.max(ret,arr[i]);
}
return ret;
}
這樣寫麻煩而且低效。如果用 apply呢，看代碼：
function getMax2(arr){
return Math.max.apply(null,arr)
}
兩段代碼達到了同樣的目的，但是getMax2卻優雅，高效，簡潔得多。

看效能測試:
getMax效能測試

<script>
var myArr=new Array()

function fillRnd(arrLen){ //填入 arrLen個1-10的隨機數字到數組
for(var i=0,arr=[];i<arrLen;i++){
arr[i]=Math.ceil(Math.random()*10)
}
return arr
}

function getMax(arr){
var arrLen=arr.length;
for(var i=0,ret=arr[0];i<arrLen;i++){
ret=Math.max(ret,arr[i]);
}
return ret;
}

function getMax2(arr){
return Math.max.apply(null,arr)
}

myArr=fillRnd(20*10000) //產生20萬個隨機數填到數組

var t1=new Date()
var max1=getMax(myArr)
var t2=new Date()
var max2=getMax2(myArr)
var t3=new Date()

if (max1!==max2) alert("error")
alert([t3-t2,t2-t1]) //在我機器上 96,464 .不同的機器,結果可能有差異

</script>

通過20萬個資料的比較， getMax2 時間為 96ms 而 getmax時間為464。 兩者相差5倍

再比如數組的push方法。
var arr1=[1,3,4];
var arr2=[3,4,5];
如果我們要把 arr2展開，然後一個一個追加到 arr1中去，最後讓 arr1=[1,3,4,3,4,5]
arr1.push(arr2) 顯然是不行的。 因為這樣做會得到 [1,3,4, [3,4,5] ]

我們只能用一個迴圈去一個一個的push (當然也可以用 arr1.concat(arr2) 但是concat方法並不改變 arr1本身)
var arrLen=arr2.length
for(var i=0;i<arrLen;i++){
arr1.push(arr2[i])
}

自從有了 Apply ,事情就變得如此簡單

Array.prototype.push.apply(arr1,arr2)