论坛首页 → Web前端技术论坛 →

简洁的js

浏览 2466 次
锁定老帖子 主题：简洁的js
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
  • xieye
  • 等级: 四星会员
  • 性别:
  • 文章: 2143
  • 积分: 489
  • 来自: 南京
   发表时间：2007-11-22   最后修改：2008-11-20

假如有这样一个函数，要求
输入'column1',返回'left';
输入'column2',返回'middle';
输入'column3',返回'right';
可以这样：
function getString(str) {
  switch(str) {
      case 'column1':
        return 'left';
      case 'column2':
        return 'middle';
      case 'column3':
        return 'right';
  }
}

也可以这样
function getString(str) {
    return {column1:'left', column2:'middle', column3:'right'}[str];
}

扩展开来，当输入中有两个参数时可用二维数组实现，
当过度使用时，代码的可读性降低。
对于json的写法，就是简洁的写法时，也可以给属性就是column1等加上引号。

xieye
20071122

 

 

 

 

 
返回顶楼
         
  • cai555
  • 等级: 二星会员
  • 性别:
  • 文章: 48
  • 积分: 190
  • 来自: 杭州
   发表时间：2007-11-22  
扩展一下可以这么写： [code]function callfun(key){ ({ a:function(){ alert("a"); }, b:function(){ alert("b"); } }[key])(); } callfun("a");[/code] 不过效率低下
返回顶楼
          回帖地址
0 请登录后投票
  • cai555
  • 等级: 二星会员
  • 性别:
  • 文章: 48
  • 积分: 190
  • 来自: 杭州
   发表时间：2007-11-22  
我做了测试：
java 代码
  1. function callfun(key){
  2. ({
  3. 'select':function(){
  5. },
  6. 'input':function(){
  8. },
  9. 'calender':function(){
  11. },
  12. 'button':function(){
  14. },
  15. 'text':function(){
  17. }
  18. }[key])();
  19. }
  21. function callfunTr(key){
  22. if(key=='select'){
  24. }else if(key=='input'){
  26. }else if(key=='calender'){
  28. }else if(key=='button'){
  30. }else if(key=='text'){
  32. }else{
  33. }
  34. }
  36. var bdate = new Date();
  38. for(var i = 0; i < 100000; i++){
  39. callfun(getkey(i));
  40. }
  42. var edate = new Date();
  43. alert((edate.getTime() - bdate.getTime())/1000);
  45. bdate = new Date();
  47. for(var i = 0; i < 100000; i++){
  48. callfunTr(getkey(i));
  49. }
  51. edate = new Date();
  52. alert((edate.getTime() - bdate.getTime())/1000);
  54. function getkey(i){
  55. return ['select','input','calender','button','text'][i%5];
  56. }
两个速度差了十倍，建议如果要频繁调用不要使用JSON这种方式
返回顶楼
          回帖地址
0 请登录后投票
  • xieye
  • 等级: 四星会员
  • 性别:
  • 文章: 2143
  • 积分: 489
  • 来自: 南京
   发表时间：2007-11-22  
function callfun(key) { ({ a: function() { alert("a"); }, b: function() { alert("b"); } }[key])(); } callfun("b"); 替楼上格式化， 这样，无论哪个函数被调用到，所有的函数都要被解析一下。 为什么我总是看自己的代码很满意，对别人的代码挑剔？本性。
返回顶楼
          回帖地址
0 请登录后投票
  • cai555
  • 等级: 二星会员
  • 性别:
  • 文章: 48
  • 积分: 190
  • 来自: 杭州
   发表时间：2007-11-22  
我又试验了这种写法:
java 代码
  1. function callfun(key){
  2. ({
  3. 'select':donoting,
  4. 'input':donoting,
  5. 'calender':donoting,
  6. 'button':donoting,
  7. 'text':donoting
  8. }[key])();
  9. }
  11. function callfunTr(key){
  12. if(key=='select'){
  13. donoting();
  14. }else if(key=='input'){
  15. donoting();
  16. }else if(key=='calender'){
  17. donoting();
  18. }else if(key=='button'){
  19. donoting();
  20. }else if(key=='text'){
  21. donoting();
  22. }else{
  23. donoting();
  24. }
  25. }
  27. function getkey(i){
  28. return ['select','input','calender','button','text'][i%5];
  29. }
  31. function donoting(){
  32. loop++;
  33. }
  35. var loop = 0;
  36. var bdate = new Date();
  38. for(var i = 0; i < 100000; i++){
  39. callfun(getkey(i));
  40. }
  42. var edate = new Date();
  43. alert((edate.getTime() - bdate.getTime())/1000);
  45. // 传统的方法
  46. loop = 0;
  47. bdate = new Date();
  49. for(var i = 0; i < 100000; i++){
  50. callfunTr(getkey(i));
  51. }
  53. edate = new Date();
  54. alert((edate.getTime() - bdate.getTime())/1000);
这样省略了创建匿名函数，效率提高不少（匿名函数：29s, 内建函数：8.9s），但仍然比if else 低得多（3s左右）
返回顶楼
          回帖地址
0 请登录后投票
  • cai555
  • 等级: 二星会员
  • 性别:
  • 文章: 48
  • 积分: 190
  • 来自: 杭州
   发表时间：2007-11-22  
搂主不是挑剔你的代码，的确挺简洁的，也很巧妙，可是效率太低，如果不说出来，导致别人代码效率低下怎么办？的确不太适合频繁调用的情况
返回顶楼
          回帖地址
0 请登录后投票
  • xieye
  • 等级: 四星会员
  • 性别:
  • 文章: 2143
  • 积分: 489
  • 来自: 南京
   发表时间：2007-11-22  
那就不要在对象里定义函数好了。 只使用在小数据，小对象的情况下，并且里面都是常量。 限制这种技巧的使用范围。
返回顶楼
          回帖地址
0 请登录后投票
论坛首页 → Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics