|
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技術:Javascript條件判斷使用小技巧總結,轉載需保留來源!
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。