2007-11-22

简洁的js

假如有这样一个函数，要求
输入'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

 

 

 

 

 

评论
xieye 2007-11-22
那就不要在对象里定义函数好了。 只使用在小数据，小对象的情况下，并且里面都是常量。 限制这种技巧的使用范围。
cai555 2007-11-22
搂主不是挑剔你的代码，的确挺简洁的，也很巧妙，可是效率太低，如果不说出来，导致别人代码效率低下怎么办？的确不太适合频繁调用的情况
cai555 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左右）
xieye 2007-11-22
function callfun(key) { ({ a: function() { alert("a"); }, b: function() { alert("b"); } }[key])(); } callfun("b"); 替楼上格式化， 这样，无论哪个函数被调用到，所有的函数都要被解析一下。 为什么我总是看自己的代码很满意，对别人的代码挑剔？本性。
cai555 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这种方式
cai555 2007-11-22
扩展一下可以这么写： [code]function callfun(key){ ({ a:function(){ alert("a"); }, b:function(){ alert("b"); } }[key])(); } callfun("a");[/code] 不过效率低下
发表评论

提醒: 该博客已发表在公共论坛，博客所有留言会成为论坛回贴，留言请注意遵守论坛发贴规则

您还没有登录，请登录后发表评论

xieye
搜索本博客
博客分类
我的相册
88da8480-b9a9-3cfe-904c-0b0ad18db43d-thumb
avatar.jpg
共 1 张
最近加入圈子
存档
最新评论