Javascript條件判斷使用小技巧總結_javascript技巧

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)

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

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com