Javascript 篱式条件判断
更新时间：2008年08月22日 12:54:20 作者：
我们已经知道，null 没有任何的属性值，并且无法获取其实体（existence）值。所以 null.property 返回的是错误（error）而不是 undefined 。
考虑下面的代码
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)
显得更加的精简，并且相比上述的代码更容易理解。
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)
显得更加的精简，并且相比上述的代码更容易理解。
相关文章
这篇文章主要介绍了CocosCreator通用框架设计之网络，详细讲解了WebSocket的原理和使用方法，对WebSocket感兴趣的同学，一定要看一下2021-04-04
JavaScript的变量声明语句无论出现在何处，都会先于其他代码首先被执行，本文给大家介绍javascript声明变量相关知识，感兴趣的朋友一起学习吧2015-12-12
要用ECMAScript实现继承机制，首先从基类入手。所有开发者定义的类都可作为基类。出于安全原因，本地类和宿主类不能作为基类，这样可以防止公用访问编译过的浏览器级的代码，因为这些代码可以被用于恶意攻击。2009-08-08
这篇文章主要介绍了JavaScript实现简易加法计算器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-03-03
arcgis for js栅格图层叠加(Raster Layer)问题
这篇文章主要介绍了arcgis for js栅格图层叠加(Raster Layer)的相关资料，非常不错，具有参考借鉴价值,需要的朋友可以参考下2017-11-11
自己整理得一个JavaScript写的一个DIV 弹出网页对话框2009-08-08
这篇文章主要介绍了ES6使用Set数据结构实现数组的交集、并集、差集功能,结合实例形式分析了ES6中Set数据结构的相关函数与实现数组交集、并集、差集的相关操作技巧,需要的朋友可以参考下2017-10-10
这篇文章主要介绍了JS实现的数组全排列输出算法,实例分析了全排列的原理与相关的javascript实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
这篇文章主要介绍了js实现全选反选不选功能，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
这篇文章主要介绍了javascript实现table表格隔行变色的方法,涉及javascript针对表格元素与样式的操作技巧,需要的朋友可以参考下2015-05-05
最新评论