小議Function.apply()之二------利用Apply的參數(shù)數(shù)組化來提高 JavaScript程序性能
我們?cè)賮砹牧腇unction.apply() 在提升程序性能方面的技巧。
我們先從 Math.max() 函數(shù)說起, Math.max后面可以接任意個(gè)參數(shù),最后返回所有參數(shù)中的最大值。
比如
alert(Math.max(5,8)) //8
alert(Math.max(5,7,9,3,1,6)) //9
但是在很多情況下,我們需要找出數(shù)組中最大的元素。
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)
}
兩段代碼達(dá)到了同樣的目的,但是getMax2卻優(yōu)雅,高效,簡潔得多。
看性能測(cè)試:
getMax性能測(cè)試
<script>
var myArr=new Array()
function fillRnd(arrLen){ //填入 arrLen個(gè)1-10的隨機(jī)數(shù)字到數(shù)組
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萬個(gè)隨機(jī)數(shù)填到數(shù)組
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]) //在我機(jī)器上 96,464 .不同的機(jī)器,結(jié)果可能有差異
</script>
通過20萬個(gè)數(shù)據(jù)的比較, getMax2 時(shí)間為 96ms 而 getmax時(shí)間為464。 兩者相差5倍
再比如數(shù)組的push方法。
var arr1=[1,3,4];
var arr2=[3,4,5];
如果我們要把 arr2展開,然后一個(gè)一個(gè)追加到 arr1中去,最后讓 arr1=[1,3,4,3,4,5]
arr1.push(arr2) 顯然是不行的。 因?yàn)檫@樣做會(huì)得到 [1,3,4, [3,4,5] ]
我們只能用一個(gè)循環(huán)去一個(gè)一個(gè)的push (當(dāng)然也可以用 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)
相關(guān)文章
JS 實(shí)現(xiàn)Json查詢的方法實(shí)例
曾經(jīng)看過一個(gè)大牛寫的實(shí)現(xiàn)Json的一個(gè)模板類,今天突然沒事就來自己試著寫寫。還好,一些東西還記得,思路還算清晰。直接上代碼了2013-04-04TypeScript環(huán)境搭建的實(shí)現(xiàn)步驟
本文主要介紹了TypeScript環(huán)境搭建的實(shí)現(xiàn)步驟,文中通過示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-01-01JavaScript中判斷頁面關(guān)閉、頁面刷新的實(shí)現(xiàn)代碼
這篇文章主要介紹了JavaScript中判斷頁面關(guān)閉、頁面刷新的實(shí)現(xiàn)代碼,在一些特殊的場合中會(huì)用到這個(gè)技術(shù),需要的朋友可以參考下2014-08-08javascript通過className來獲取元素的簡單示例代碼
本篇文章主要是對(duì)javascript通過className來獲取元素的簡單示例代碼進(jìn)行了介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助2014-01-01