繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > Javascript条件判断使用小技巧总结
- Javascript
- AJAX教程(14)：通过XMLHTTP加载XML文件
- AJAX教程(15)：通过XMLHTTP进行一次HEAD请求
- AJAX教程(16)：通过XMLHTTP进行一次指定的HEAD请求
- AJAX教程(17)：把XML文件显示为HTML表格
- JS通过WMI获取客户端硬件信息
- JavaScript中使用远程脚本
- 关于Ajax技术的注意事项
- XMLHttpRequest创建智能表单
- iframe创建智能表单
- JS教程:线小测试程序
- 在Web页面中使用计时器
- 将事件处理器作为HTML标记的属性
- 事件处理器作为浏览器对象的属性
- Math对象应用详解
- random()方法和pow()方法
- charAt()方法和charCodeAt()方法
- Number对象常用的toFixed()方法
- JS教程:为什么尽量用局部变量代替全局变量
- 解决JavaScript循环中的过多操作
- 处理提示“脚本运行时间过长的提示框”问题
Javascript条件判断使用小技巧总结
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 443 ::
收藏到网摘: 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)
显得更加的精简，并且相比上述的代码更容易理解。
评论 (0) All
