作家
登录

Javascript条件判断使用小技巧总结

作者: 来源:www.28hudong.com 2013-03-30 02:57:24 阅读 我要评论

考虑下面的代码 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高亮效果的二种实现方法

js高亮方法一: 复制代码 代码如下:<script> function HighLight(nWord){ if(nWord!=''){ var keyword = document.body.createTextRange(); while(keyword.findText(nWord)){ keyword.pasteHTML("<span style='col>>>详细阅读


本文标题:Javascript条件判断使用小技巧总结

地址:http://www.17bianji.com/kaifa2/JS/29441.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)