JavaScript代碼優化技巧（推薦）
來源：程序員人生 發布時間：2013-11-14 14:25:24 閱讀次數：3197次
JavaScript代碼的速度被分割成兩部分:下載時間和執行速度
下載時間:
Web瀏覽器下載的是JavaScript源代碼,也就是說,所有的變量名和注釋都包含在內.
這個因素及其他因素會增加下載時間,這樣就會增加腳本運行的總體時間.增加下載時間
的關鍵因素是腳本所包含的字節數.
要記住一個關鍵數字是1160,最好能將每個JavaScript文件都保持在1160字節以下
以獲取最優的下載時間.
在JavaScript文件中,每個字符都是一個字節.因此,每個額外的字符(不管是變量名,
函數名,或者注釋)都會影響下載速度.
1.刪除注釋
腳本中的任何注釋都應該在部署之前刪除,進行開發時,注釋十分重要,它可以幫助小組
成員來理解代碼.但是,要部署時,注釋會明顯使JavaScript代碼體積變大.
2.刪除制表符和空格
大部分優秀的程序員都會有規則地縮緊代碼以增加其可閱讀性.這樣很好,但是瀏覽器不
需要這些額外的制表符和空格.所以最好刪掉它們.也不要忘記函數參數,賦值語句以及比較
操作之間的空格.
function doSomething ( arg1, arg2, arg3 ) { alert(arg1 + arg2 + arg3); }
function doSomething(arg1,arg2,arg3){alert(arg1+arg2+arg3);}
對于JavaScript解釋程序來說,這兩行完全一樣.雖然第一行比第二行多了12個字節.
刪除參數,括號和其他語言分隔符之間的空格可以有效的減少文件的整體大小,這樣就縮短了
下載時間.
3.刪除所有的換行
接下來,就要刪除所有的換行符來減少腳本尺寸.只要你在程序的每行的結尾都正確地添加了分號,就不需要任何換行符.
4.替換變量名
這是實現起來最無聊的一種優化方法.替換變量名通常不是手工完成的,因為這個過程并非
簡簡單單地文件查找,替換操作.
function doSomething(sName,sAge,sCity){alert(sName+sAge+sCity);}
function doSomething(a1,a2,a3){alert(a1+a2+a3);}
上面第一行代碼是原先的;第二行將參數名稱替換后的.這樣,就減少了16個字節.想象一下,
如果腳本中的變量名都被替換成一兩個字符長,會節約多少長度?
生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
