当前位置: 首页 > 图文教程 > 网络编程 > Javascript > Javascript 篱式条件判断

Javascript
[HTML/CSS/Javascript]WWTJS
DynamicOptionList连动菜单代码
用meta实现的页面跳转代码
带缓冲的 收缩与展开内容效果
删除数组条目中重复的条目(可能有多个),返回值是一个仅包含被删除的重复条目的新数组。
javascript入门·对象属性方法大总结
javascript入门·动态的时钟,显示完整的一些方法,新年倒计时
JavaScript 入门·JavaScript 具有全范围的运算符
用javascript实现模拟火焰
JavaScript加密解密7种方法总结分析
javascript一段创建层的代码
简洁的一个实现网页全屏代码
关于 byval 与 byref 的区别分析总结
表单填写时用回车代替TAB的实现方法
javascript currentTarget对象介绍
js文本中搜索关键词输入效果
javascript实现的左右选择框效果代码
JS网络游戏-(模拟城市webgame)提供的一些例子下载
javascript最短的拖动代码[兼容FF]
javascript实现的LI列表输出,隔行同色的代码

Javascript 篱式条件判断


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 280 ::
收藏到网摘: n/a

我们已经知道,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)
显得更加的精简,并且相比上述的代码更容易理解。