JavaScript 開發(fā)中規(guī)范性的一點(diǎn)感想

更新時(shí)間：2009年06月23日 18:25:33 作者：

在開發(fā)中通用的幾個(gè)方法，我們把它們放到utility目錄下或者utility.js中；所有的提示信息和報(bào)錯(cuò)信息統(tǒng)一放置在一起。看起來都是小小的幾步，卻能讓咱們開發(fā)的代碼同事讀起來更順暢，下個(gè)項(xiàng)目中也能用上。

可謂一勞永逸，不要重復(fù)造輪子：）
1.常用的方法統(tǒng)一放置
例如：在用戶注冊(cè)時(shí)，時(shí)常需要判斷文本框中字符是否是漢字、英文、數(shù)字或郵箱地址等等。何不把這些方法統(tǒng)一放在一個(gè)腳本中，取名叫做utility.js呢？

復(fù)制代碼代碼如下:

//待需要時(shí)另存為一個(gè)js 

function isNull(obj) 
{ 
if (!obj || obj.length==0 || obj=="") 
{ 
parent.MyAlert("標(biāo)注名不能為空!",alertImg); 
return false; 
} 
else 
{ 
return true; 
} 
} 

// 驗(yàn)證是否為整數(shù) 
function isNumber(oNum) 
{ 
if(!oNum) return false; 

try{ 
if(parseInt(oNum)!=oNum) { 
parent.MyAlert("查詢距離請(qǐng)?zhí)顚懻麛?shù)!",alertImg); 
return false; 
} 
} 
catch(ex) 
{ 
parent.MyAlert("查詢距離請(qǐng)?zhí)顚懻麛?shù)!",alertImg); 
return false; 
} 

return true; 
} 

// 驗(yàn)證是否為中文 
function isChinese(oCn) 
{ 
if (!oCn || oCn.length==0) return false; 

try{ 
var reg = /^[\u4e00-\u9fa5]+$/i; //含中文 

if ( reg.test(oCn) ) 
{ 
return true; 
} 
else{ 
parent.MyAlert("關(guān)鍵字請(qǐng)?zhí)顚懼形?",alertImg); 
return false; 
} 
} 
catch(ex) 
{ 
parent.MyAlert("關(guān)鍵字請(qǐng)?zhí)顚懼形?",alertImg); 
return false; 
} 
} 

// 驗(yàn)證是否為中文或字母 
function isEnCh(oStr) 
{ 
if (!oStr || oStr.length==0) return false; 

try{ 
var reg = /^[a-zA-Z\u4E00-\u9FA5]/g; //含中文或拼音 

if ( reg.test(oStr) ) 
{ 
return true; 
} 
else{ 
parent.MyAlert("地名請(qǐng)?zhí)顚懼形幕蚱匆?",alertImg); 
return false; 
} 
} 
catch(ex) 
{ 
parent.MyAlert("地名請(qǐng)?zhí)顚懼形幕蚱匆?",alertImg); 
return false; 
} 
} 

// 結(jié)果保留2位小數(shù) 
function roundAmount(n){ 
var s = "" + Math.round(n * 100) / 100; 
var i = s.indexOf('.') 
if (i < 0) return s + ".00"; 

var t = s.substring(0, i + 1) + s.substring(i + 1, i + 3); 
if (i + 2 == s.length) t += "0"; 

return t; 
}

2.提示、報(bào)錯(cuò)信息統(tǒng)一放置

看了上面的代碼，您是否也發(fā)現(xiàn)一個(gè)問題：下一個(gè)項(xiàng)目中如果提示、報(bào)錯(cuò)信息不一樣，還需要重新改動(dòng)上述代碼。何不把提示信息統(tǒng)一放在一個(gè)腳本中，取名叫做resource_zh.js呢？

在多語(yǔ)言版本的軟件中，也有用類似的招數(shù)達(dá)到切換界面語(yǔ)言，有發(fā)現(xiàn)？呵呵。

復(fù)制代碼代碼如下:

var page_res = { 
    "meter": "米", 
    "kilometer": "千米（公里）", 
    "mile": "英里", 
    "yard": "碼", 
    "degree": "度", 
    "millimeter": "毫米", 
    "saveMap": "保存地圖", 
    "printMap": "打印地圖", 
    "queryResult": "查詢結(jié)果", 
    "queryResultNull": "查詢結(jié)果為空", 
    "experssionCanNotNull": "查詢表達(dá)式不能為空", 
    "networkInfo": "路徑信息", 
    "arcInfo": "弧段信息", 
    "addEntitySuccess": "添加地物成功! ", 
    "addEntityFail": "添加地物失敗!", 
    "updateEntitySuccess": "更新地物成功!", 
    "updateEntityFail": "更新地物失敗!", 
    "updatePropertySuccess": "更新屬性成功!", 
    "updatePropertyFail": "更新屬性失敗!", 
    "deleteEntitySuccess": "刪除地物成功!", 
    "deleteEntityFail": "刪除地物失敗!", 
    "closestFacilityFail": "最近設(shè)施分析失敗，請(qǐng)重新選擇", 
    "fieldCanNotNull": "字段數(shù)不能為空", 
    "fieldMustInteger": "字段數(shù)必須為整數(shù)", 
    "fieldMustMoreThanZero": "字段數(shù)必須大于0", 
    "numberCanNotNull": "數(shù)值不能為空" 
}

我們可以把常用的單位、按鈕文本、提示信息都放在這里。然后最先加載該腳本，通過eval實(shí)例化出一個(gè)對(duì)象。通過類似res.networkInfo便可獲得對(duì)應(yīng)的內(nèi)容。

3.AjaxRequest請(qǐng)求封裝

跟第一點(diǎn)意義是一致的，在現(xiàn)在開發(fā)中頻繁使用Ajax，如果您沒用jQuery等腳本庫(kù)的話，可能是自己寫每次請(qǐng)求和回調(diào)的函數(shù)。何不把這些方法都放在一個(gè)ajax.js中呢？

復(fù)制代碼代碼如下:

var xmlhttpObj=false; 
function XHR(CallBack) 
{ 
this.callback=CallBack; 
} 
XHR.createXMLHttp = function () 
{ 
if(window.ActiveXObject) //IE瀏覽器 
{ 
try 
{ 
xmlhttpObj = new ActiveXObject("Microsoft.XMLHTTP");//IE4.0 
} 
catch (e) 
{ 
try 
{ 
xmlhttpObj = new ActiveXObject("Msxml2.XMLHTTP");//IE5.0以上 
} 
catch (e2) 
{ 
xmlhttpObj=false; 
} 
} 
} 
else if(window.XMLHttpRequest&&!xmlhttpObj) //開放瀏覽器 
{ 
xmlhttpObj = new XMLHttpRequest(); 
} 
} 
XHR.prototype.Onstar = function (method,Url,bFlag,param) 
{ 
if(this.callback!=null) 
{ 
XHR.createXMLHttp(); 
xmlhttpObj.onreadystatechange=this.callback; 
xmlhttpObj.open(method,Url,bFlag); 
xmlhttpObj.setRequestHeader("Content-Type","application/x-www-form-urlencoded;"); 
xmlhttpObj.send(param); 
} 
else 
{ 
alert("沒有客戶端處理函數(shù)!") 
} 
}

在使用時(shí)實(shí)例化一個(gè)XHR對(duì)象出來，例如：var legendObj=new XHR(function (){...}); 然后用legendObj.Onstar("POST","Handlers/legendHandler.ashx",false,"mapName=" + mapName);提交請(qǐng)求即可。

您可能感興趣的文章: