Javascript 籬式條件判斷
更新時(shí)間：2008年08月22日 12:54:20 作者：
我們已經(jīng)知道，null 沒(méi)有任何的屬性值，并且無(wú)法獲取其實(shí)體（existence）值。所以 null.property 返回的是錯(cuò)誤（error）而不是 undefined 。
考慮下面的代碼
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)，并且相比上述的代碼更容易理解。
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)，并且相比上述的代碼更容易理解。
相關(guān)文章
CocosCreator通用框架設(shè)計(jì)之網(wǎng)絡(luò)
這篇文章主要介紹了CocosCreator通用框架設(shè)計(jì)之網(wǎng)絡(luò)，詳細(xì)講解了WebSocket的原理和使用方法，對(duì)WebSocket感興趣的同學(xué)，一定要看一下2021-04-04
JavaScript的變量聲明語(yǔ)句無(wú)論出現(xiàn)在何處，都會(huì)先于其他代碼首先被執(zhí)行，本文給大家介紹javascript聲明變量相關(guān)知識(shí)，感興趣的朋友一起學(xué)習(xí)吧2015-12-12
Javascript 繼承機(jī)制的實(shí)現(xiàn)
要用ECMAScript實(shí)現(xiàn)繼承機(jī)制，首先從基類入手。所有開(kāi)發(fā)者定義的類都可作為基類。出于安全原因，本地類和宿主類不能作為基類，這樣可以防止公用訪問(wèn)編譯過(guò)的瀏覽器級(jí)的代碼，因?yàn)檫@些代碼可以被用于惡意攻擊。2009-08-08
JavaScript實(shí)現(xiàn)簡(jiǎn)易加法計(jì)算器
這篇文章主要介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)易加法計(jì)算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-03-03
arcgis for js柵格圖層疊加(Raster Layer)問(wèn)題
這篇文章主要介紹了arcgis for js柵格圖層疊加(Raster Layer)的相關(guān)資料，非常不錯(cuò)，具有參考借鑒價(jià)值,需要的朋友可以參考下2017-11-11
JavaScript寫(xiě)的一個(gè)DIV 彈出網(wǎng)頁(yè)對(duì)話框
自己整理得一個(gè)JavaScript寫(xiě)的一個(gè)DIV 彈出網(wǎng)頁(yè)對(duì)話框2009-08-08
ES6使用Set數(shù)據(jù)結(jié)構(gòu)實(shí)現(xiàn)數(shù)組的交集、并集、差集功能示例
這篇文章主要介紹了ES6使用Set數(shù)據(jù)結(jié)構(gòu)實(shí)現(xiàn)數(shù)組的交集、并集、差集功能,結(jié)合實(shí)例形式分析了ES6中Set數(shù)據(jù)結(jié)構(gòu)的相關(guān)函數(shù)與實(shí)現(xiàn)數(shù)組交集、并集、差集的相關(guān)操作技巧,需要的朋友可以參考下2017-10-10
JS實(shí)現(xiàn)的數(shù)組全排列輸出算法
這篇文章主要介紹了JS實(shí)現(xiàn)的數(shù)組全排列輸出算法,實(shí)例分析了全排列的原理與相關(guān)的javascript實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
這篇文章主要介紹了js實(shí)現(xiàn)全選反選不選功能，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
javascript實(shí)現(xiàn)table表格隔行變色的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)table表格隔行變色的方法,涉及javascript針對(duì)表格元素與樣式的操作技巧,需要的朋友可以參考下2015-05-05