最近在編寫一個JavaScript框架,發現有很多細節注意得不夠,擔心長時間積累會導致框架實際應用的時候出現嚴重的效率問題。于是開始關注JavaScript提高效率的一些技巧,在這里分享給大家。
1.JavaScript是唯一一個對代碼體積要求越小越好的語言,因此我們可以通過一些工具來精簡和壓縮JavaScript代碼,如JSMin、Packer、YUICompressor等。這些工具會將局部變量的名字替換成很短的變量名,例如將parseFloat()替換成a()。因此我們在編寫JavaScript代碼時,應將每一個全局變量都映射到一個局部變量,如var parseFloat = parseFloat;
2.通過JSLint來檢測你編寫的JavaScript,可以發現里面隱藏的很多問題。JSLint是一個JavaScript驗證工具(非開源),可以掃描JavaScript源代碼來查找問題。如果JSLint發現一 個問題,JSLint就會顯示描述這個問題的消息,并指出錯誤在源代碼中的大致位置。
3.我們在寫JavaScript的時候經常需要遍歷一個數組,代碼如下:
復制代碼 代碼如下:
for (var i=0;i<array.length;i++){
//do something
}
復制代碼 代碼如下:
var l = array.length;
for (var i=0;i<l;i++){
//do something
}
復制代碼 代碼如下:
var i=array.length;
while(i--){
//do something
}
復制代碼 代碼如下:
for (var key in obj) {
if (obj.hasOwnProperty(key)) {
//do something
}
}
復制代碼 代碼如下:
var checkVal = function(val) {
var undefined;
return val !== undefined;
};
復制代碼 代碼如下:
var str = (i + "").replace(...);
復制代碼 代碼如下:
var array = {};
復制代碼 代碼如下:
var array = new Array();
復制代碼 代碼如下:
$("p.neat").addClass("ohmy").show("slow");
復制代碼 代碼如下:
$("p.neat").addClass("ohmy");
$("p.neat").show("slow");
新聞熱點
疑難解答
圖片精選