Javascript條件判斷小伎倆

我們已經知道,null 沒有任何的屬性值,並且無法獲取其實體(existence)值。所以 null.property 返回的是錯誤(error)而不是 undefined 。

考慮下面的代碼

if (node.nextSibling.className == ...) {

...

}

在 node 或者 node.nextSibling 爲空(null)的情況下,會返回錯誤(error)。所以,通常情況下的解決方案的代碼爲

if ((node) && (next = node.nextSibling) && ... ) {

...

}

那麽,當條件判斷一多的情況下,代碼會形成下面的情況

if (

(node) &&

(node.nextSibling) &&

(node.nextSibling.className == ...)

... ) {

...

}

隨著判斷條件的不斷的增加,代碼會變得非常的“醜陋”。

有個小的“伎倆”,可以簡化條件判斷表達式。我們可以增加個空對象({})或者零(0)作爲替代

if ( next = (node || 0).nextSibling) ) {

...

}

那麽,上述的代碼就可以這樣寫

if (((node || 0).nextSibling || 0).className == ...) {

...

}

--Split--

就個人而言,上述的從某種角度而言,代碼會非常的精簡。但日常實際的編碼過程中,尤其是多人配合的情況下,這些代碼可能會給其他開發人員造成一定的困擾。

正如 小馬 所言,如果已經在使用某些框架,需要具體問題具體分析。比如上述的條件判斷代碼,使用 YUI 編碼就可以使用

YAHOO.util.Dom.hasClass(el, className)

顯得更加的精簡,並且相比上述的代碼更容易理解。

Javascript 籬式 條件判斷
我們已經知道,null 沒有任何的屬性值,並且無法獲取其實體(existence)值。所以 null.property 返回的是錯誤(error)而不是 undefined 。考慮下面的代碼if (node.nextSibling.className == ...) { ...}在 node ...查看完整版>>Javascript 籬式 條件判斷
 
javascript判斷上傳圖片的大小和格式
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME...查看完整版>>javascript判斷上傳圖片的大小和格式
 
關于javascript判斷文件大小
對于web開發人員來說文件上傳文件是經常遇到的,判斷文件大小也是不可缺少,在這裏主要介紹一下javascript判斷文件大小的幾種常見的方法。 第一種是應用ActiveX控件的實現,例如: Javascript代碼 <script type="...查看完整版>>關于javascript判斷文件大小
 
[JavaScript]幾種常用的表單輸入判斷
//函數名:chksafe//功能介紹:檢查是否含有"'",'\\',"/"//參數說明:要檢查的字符串//返回值:0:是 1:不是function chksafe(a){ return 1;/* fibdn = new Array ("'" ,"\\", "、", ",", ";", "/"); i=fibdn.len...查看完整版>>[JavaScript]幾種常用的表單輸入判斷
 
頁面上的javascript判斷
經過一段時間的編程,感覺這些javascript比較長用所以就整理了一下,其中有判斷是否爲空,判斷數字,判斷金額,及判斷時間的。像那些可以寫到js中,這樣就在頁面上簡化了好多了。 <html><head><meta ...查看完整版>>頁面上的javascript判斷
 
javascript裏的條件判斷
JavaScript 是一種可以在浏覽器中運行的腳本語言,是一種弱語言(相對于C,C#,JAVA而言),只要是計算機語言就會使用到條件判斷式,而JavaScript作爲一種“弱”語言,它的條件判斷常常令人困惑不解,特別是有其它強...查看完整版>>javascript裏的條件判斷
 
判斷JavaScript對象是否可用的正確方法
原文:原文作者:Peter-Paul Koch以下爲對原文的翻譯:判斷對象存在的方法很快你就會注意到,JavaScript的部分功能在部分浏覽器中無效。如果你要使用一些腳本的高級特性,你首先要檢查浏覽器是否支持要使用的對象,本...查看完整版>>判斷JavaScript對象是否可用的正確方法
 
JavaScript判斷浏覽器類型及版本
你知道世界上有多少種浏覽器嗎?除了我們熟知的IE, Firefox, Opera, Safari四大浏覽器之外,世界上還有近百種浏覽器。 幾天前,浏覽器家族有剛誕生了一位小王子,就是Google推出的Chrome浏覽器。由于Chrome出生名...查看完整版>>JavaScript判斷浏覽器類型及版本
 
javascript操作select相關方法:新增 修改 刪除 選中 清空 判斷存在
1.判斷select選項中 是否存在Value="paraValue"的Item2.向select選項中 加入一個Item3.從select選項中 刪除一個Item4.修改select選項中 value="paraValue"的text爲"paraText"5.設置select中text="paraText"的第一個I...查看完整版>>javascript操作select相關方法:新增 修改 刪除 選中 清空 判斷存在
 
 
回到王朝網路移動版首頁