Javascript 籬式條件判斷

2019-11-21 01:39:20

字體：大中小

供稿：網(wǎng)友

考慮下面的代碼

if (node.nextSibling.className == ...) {
...
}
在 node 或者 node.nextSibling 為空（null）的情況下，會(huì)返回錯(cuò)誤（error）。所以，通常情況下的解決方案的代碼為

if ((node) && (next = node.nextSibling) && ... ) {
...
}
那么，當(dāng)條件判斷一多的情況下，代碼會(huì)形成下面的情況

if (
(node) &&
(node.nextSibling) &&
(node.nextSibling.className == ...)
... ) {
...
}
隨著判斷條件的不斷的增加，代碼會(huì)變得非常的“丑陋”。

有個(gè)小的“伎倆”，可以簡(jiǎn)化條件判斷表達(dá)式。我們可以增加個(gè)空對(duì)象（{}）或者零（0）作為替代

if ( next = (node || 0).nextSibling) ) {
...
}
那么，上述的代碼就可以這樣寫(xiě)

if (((node || 0).nextSibling || 0).className == ...) {
...
}
--Split--

就個(gè)人而言，上述的從某種角度而言，代碼會(huì)非常的精簡(jiǎn)。但日常實(shí)際的編碼過(guò)程中，尤其是多人配合的情況下，這些代碼可能會(huì)給其他開(kāi)發(fā)人員造成一定的困擾。

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

YAHOO.util.Dom.hasClass(el, className)
顯得更加的精簡(jiǎn)，并且相比上述的代碼更容易理解。

上一篇：javascript過(guò)濾危險(xiǎn)腳本方法

下一篇：比較詳細(xì)的XMLDOM對(duì)象方法詳解第1/2頁(yè)