DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> javascript之學會吝啬 精簡代碼
javascript之學會吝啬 精簡代碼
編輯:關於JavaScript     
1、吝啬你的代碼,用最少的代碼做最合適的事情;
  比如你的代碼中用到了很多document.getElementById(),你是否考慮寫一個簡單的ID選擇器
復制代碼 代碼如下:
function $(Id)
{
return document.getElementById(Id);
}

2、吝啬你的補丁,不要為了實現功能在現有框架上打補丁,而是框架擴展上寫實現,如果框架不能擴展,是否考慮部分重構?
  比如你已經擁有一套完整的表單正則驗證框架,某天你發現某個表單在嚴重框架裡找不到對應的正則,你可能的做法是追加一個if就能簡單的實現,可為何不在驗證框架裡面擴展一個正則,保持代碼的干淨呢?
、吝啬代碼執行的步驟
  比如我們在寫ajax代碼時,我們經常寫如下的代碼:
復制代碼 代碼如下:
var xmlObject;
function createXMLHTTPRequest()
{
if(window.ActiveXObject)
{   
xmlObject = new ActiveObject("Microsoft.XMLHTTP");
}
else
{   
xmlObject = new XMLHTTPRequest();
}
}

但我們每生成一次對象就要進行一次判斷,為何不在第一次生成對象後記憶下來,下次直接new呢?改進後如下
復制代碼 代碼如下:
var _ajax = function(){
_self = this;
}
_ajax.prototype = {
/**
* 構建http請求對象
*/
_create: function(){
var factories = [
function(){return new XMLHttpRequest();}, //非IE系列
function(){return new ActiveXObject("Microsoft.XMLHTTP");}, //IE
function(){return new ActiveXObject("Msxml2.XMLHTTP");} //IE某些版本
];
for (var i = 0; i < factories.length; i++) {
try {
if (factories[i]()) {
return factories[i];
}
}
catch (e) {
continue;
}
}
return factory[2];
}(),
}

這段代碼看起來視乎比上面執行步驟多很多,但當第一次調用_ajax._create()後,_ajax._create已經被改變成一個兼容當前浏覽器的匿名函數,以後的調用都不再會做判斷;
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved