手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >Javascript条件判断使用小技巧总结
Javascript条件判断使用小技巧总结
摘要:考虑下面的代码if(node.nextSibling.className==...){...}在node或者node.nextSibling...

考虑下面的代码

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)

显得更加的精简,并且相比上述的代码更容易理解。

【Javascript条件判断使用小技巧总结】相关文章:

JavaScript中search()方法的使用

JavaScript中关联原型链属性特性

javascript中FOREACH数组方法使用示例

JavaScript中的replace()方法使用详解

javascript模拟评分控件实现方法

JavaScript里实用的原生API汇总

在JavaScript的正则表达式中使用exec()方法

javascript的事件描述

JavaScript使用技巧精选

详解JavaScript中Date.UTC()方法的使用

精品推荐
分类导航