DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Javascript條件判斷語句的小技巧
Javascript條件判斷語句的小技巧
編輯:關於JavaScript     

原文:http://www.gracecode.com/Archive/Display/2086

我們已經知道,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)

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved