Javascript 籬式條件判斷
更新時間：2008年08月22日 12:54:20 作者：
我們已經(jīng)知道，null 沒有任何的屬性值，并且無法獲取其實體（existence）值。所以 null.property 返回的是錯誤（error）而不是 undefined 。
考慮下面的代碼
if (node.nextSibling.className == ...) {
...
}
在 node 或者 node.nextSibling 為空（null）的情況下，會返回錯誤（error）。所以，通常情況下的解決方案的代碼為
if ((node) && (next = node.nextSibling) && ... ) {
...
}
那么，當(dāng)條件判斷一多的情況下，代碼會形成下面的情況
if (
(node) &&
(node.nextSibling) &&
(node.nextSibling.className == ...)
... ) {
...
}
隨著判斷條件的不斷的增加，代碼會變得非常的“丑陋”。
有個小的“伎倆”，可以簡化條件判斷表達(dá)式。我們可以增加個空對象（{}）或者零（0）作為替代
if ( next = (node || 0).nextSibling) ) {
...
}
那么，上述的代碼就可以這樣寫
if (((node || 0).nextSibling || 0).className == ...) {
...
}
--Split--
就個人而言，上述的從某種角度而言，代碼會非常的精簡。但日常實際的編碼過程中，尤其是多人配合的情況下，這些代碼可能會給其他開發(fā)人員造成一定的困擾。
正如 小馬 所言，如果已經(jīng)在使用某些框架，需要具體問題具體分析。比如上述的條件判斷代碼，使用 YUI 編碼就可以使用
YAHOO.util.Dom.hasClass(el, className)
顯得更加的精簡，并且相比上述的代碼更容易理解。
if (node.nextSibling.className == ...) {
...
}
在 node 或者 node.nextSibling 為空（null）的情況下，會返回錯誤（error）。所以，通常情況下的解決方案的代碼為
if ((node) && (next = node.nextSibling) && ... ) {
...
}
那么，當(dāng)條件判斷一多的情況下，代碼會形成下面的情況
if (
(node) &&
(node.nextSibling) &&
(node.nextSibling.className == ...)
... ) {
...
}
隨著判斷條件的不斷的增加，代碼會變得非常的“丑陋”。
有個小的“伎倆”，可以簡化條件判斷表達(dá)式。我們可以增加個空對象（{}）或者零（0）作為替代
if ( next = (node || 0).nextSibling) ) {
...
}
那么，上述的代碼就可以這樣寫
if (((node || 0).nextSibling || 0).className == ...) {
...
}
--Split--
就個人而言，上述的從某種角度而言，代碼會非常的精簡。但日常實際的編碼過程中，尤其是多人配合的情況下，這些代碼可能會給其他開發(fā)人員造成一定的困擾。
正如 小馬 所言，如果已經(jīng)在使用某些框架，需要具體問題具體分析。比如上述的條件判斷代碼，使用 YUI 編碼就可以使用
YAHOO.util.Dom.hasClass(el, className)
顯得更加的精簡，并且相比上述的代碼更容易理解。
相關(guān)文章
CocosCreator通用框架設(shè)計之網(wǎng)絡(luò)
這篇文章主要介紹了CocosCreator通用框架設(shè)計之網(wǎng)絡(luò)，詳細(xì)講解了WebSocket的原理和使用方法，對WebSocket感興趣的同學(xué)，一定要看一下2021-04-04
JavaScript的變量聲明語句無論出現(xiàn)在何處，都會先于其他代碼首先被執(zhí)行，本文給大家介紹javascript聲明變量相關(guān)知識，感興趣的朋友一起學(xué)習(xí)吧2015-12-12
要用ECMAScript實現(xiàn)繼承機(jī)制，首先從基類入手。所有開發(fā)者定義的類都可作為基類。出于安全原因，本地類和宿主類不能作為基類，這樣可以防止公用訪問編譯過的瀏覽器級的代碼，因為這些代碼可以被用于惡意攻擊。2009-08-08
這篇文章主要介紹了JavaScript實現(xiàn)簡易加法計算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-03-03
arcgis for js柵格圖層疊加(Raster Layer)問題
這篇文章主要介紹了arcgis for js柵格圖層疊加(Raster Layer)的相關(guān)資料，非常不錯，具有參考借鑒價值,需要的朋友可以參考下2017-11-11
JavaScript寫的一個DIV 彈出網(wǎng)頁對話框
自己整理得一個JavaScript寫的一個DIV 彈出網(wǎng)頁對話框2009-08-08
ES6使用Set數(shù)據(jù)結(jié)構(gòu)實現(xiàn)數(shù)組的交集、并集、差集功能示例
這篇文章主要介紹了ES6使用Set數(shù)據(jù)結(jié)構(gòu)實現(xiàn)數(shù)組的交集、并集、差集功能,結(jié)合實例形式分析了ES6中Set數(shù)據(jù)結(jié)構(gòu)的相關(guān)函數(shù)與實現(xiàn)數(shù)組交集、并集、差集的相關(guān)操作技巧,需要的朋友可以參考下2017-10-10
這篇文章主要介紹了JS實現(xiàn)的數(shù)組全排列輸出算法,實例分析了全排列的原理與相關(guān)的javascript實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
這篇文章主要介紹了js實現(xiàn)全選反選不選功能，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
javascript實現(xiàn)table表格隔行變色的方法
這篇文章主要介紹了javascript實現(xiàn)table表格隔行變色的方法,涉及javascript針對表格元素與樣式的操作技巧,需要的朋友可以參考下2015-05-05