javascript:多重条件判断
2012-09-15 17:57
387 查看
javascript 是一门精巧的语言,可大可小,可伸可缩,如意金箍棒一般,运用恰当,可敌千夫。比如一个场景,有的人要写上百行代码,但是有的人寥寥几笔即可实现,思路就在弹指间。要想学好一门语言,就要掌握其要义,归纳其精髓,方可如鱼得水,运筹帷幄。
js在开发大型组件库的时候经常会碰到很多的逻辑分支情况。比如博客园的编辑框编写:
这样是不是清晰明了了很多?而且效率也肯定提升了,因为是对象直接寻址。
大致思路如下:
先创建一个对象,把所有的判断分支都放到这个对象里,然后再调用。
那么是么时候需要用这个方法,什么时候不需要用呢?
先说需要用的:
一、在判断分支很多的情况下建议使用。条理清晰。
二、在分支里的逻辑很复杂的情况下,可以起到逻辑拆分的作用。
再说不需要用的情况:
一、简单的逻辑判断。
二、分支比较少的情况。
js在开发大型组件库的时候经常会碰到很多的逻辑分支情况。比如博客园的编辑框编写:
[task]if(target === "font"){ someFunction(){...} } else if(target === "code"){ someFunction(){...} } else if(target === "table"){ someFunction(){...} } else if(target === "images"){ someFunction(){...} } else if(target === "link"){ someFunction(){...} } else if(target === "file"){ someFunction(){...} } [/task] 为了逻辑清晰当然也可以这样写: [task]switch(target){ case : "font" : someFunction(){...} break; case : "code" : someFunction(){...} break; case : "table" : someFunction(){...} break; case : "images" : someFunction(){...} break; case : "link" : someFunction(){...} break; case : "file" : someFunction(){...} break; } [/task] 当然这样的一层逻辑很容易书写和维护,但是,如果碰到下面还有多重分支的情况改如何处理呢,大部分人都是继续if else或者switch case。于是代码就变的越来越长,越来越难维护。就像下面的代码一样: [task]switch(target){ case : "font" : someFunction(){...} break; case : "code" : switch(code){ case : "java" : someFunction(){...} break; case : "c" : someFunction(){...} break; case : "c++" : someFunction(){...} break; } break; case : "table" : someFunction(){...} break; case : "images" : someFunction(){...} break; case : "link" : someFunction(){...} break; case : "file" : someFunction(){...} break; } [/task] js是一门面向对象的语言,我们能不能用面向对象的思想来解决这个问题呢?请看下面的源码: [task]editor = { "font" : function(){...} "code" : function(){...} "table" : function(){...} "images" : function(){...} "file" : function(){...} } editor[target](); [/task]
这样是不是清晰明了了很多?而且效率也肯定提升了,因为是对象直接寻址。
大致思路如下:
先创建一个对象,把所有的判断分支都放到这个对象里,然后再调用。
那么是么时候需要用这个方法,什么时候不需要用呢?
先说需要用的:
一、在判断分支很多的情况下建议使用。条理清晰。
二、在分支里的逻辑很复杂的情况下,可以起到逻辑拆分的作用。
再说不需要用的情况:
一、简单的逻辑判断。
二、分支比较少的情况。
相关文章推荐
- javascript if条件判断方法小结
- javascript中对条件判断语句的优化 分类: JavaScript 2015-06-07 09:54 832人阅读 评论(2) 收藏
- javascript if条件判断详解
- javascript里的条件判断
- javascript中对条件判断语句的优化
- JavaScript学习日记3 条件判断
- javascript中对条件判断语句的优化
- javascript里的条件判断
- javascript if条件判断方法小结
- javascript中对条件判断语句的优化
- Javascript 篱式条件判断
- 我的JavaScript回顾之路_01—0206—++在前在后区别/&&和||/条件判断语句/循环语句的区别/字符串类型数字和数字类型之间的转换
- [置顶] 【JS】JavaScript进行表单验证经常使用的判断条件
- JavaScript中把赋值运算作为判断条件是什么结果?
- javascript「篱式」条件判断
- javascript开发经验总结【一】:多重条件判断
- javascript里的条件判断
- 详解JavaScript令人困惑不解的条件判断
- javascript开发经验总结【一】:多重条件判断
- JavaScript中“===”、“==”和if()条件的结果判断参照表