简洁的js

xieye

浏览: 835007 次
性别:
来自: 南京

最近访客更多访客>>

zhangdaiscott1

u014388962

lucifer821031

jAmEs_

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

我的资讯 ( 1)
我的论坛 ( 2143)
我的问答 ( 297)

存档分类

博客分类：

json

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

分享到：

编码是最快乐的事 | 从java程序员的角度看PHP（二）--关于调试

2007-11-22 10:47
浏览 1109
评论(6)
论坛回复 / 浏览 (6 / 2466)
分类:Web前端
查看更多

6 楼 xieye 2007-11-22

那就不要在对象里定义函数好了。
只使用在小数据，小对象的情况下，并且里面都是常量。
限制这种技巧的使用范围。

5 楼 cai555 2007-11-22

搂主不是挑剔你的代码，的确挺简洁的，也很巧妙，可是效率太低，如果不说出来，导致别人代码效率低下怎么办？的确不太适合频繁调用的情况

4 楼 cai555 2007-11-22

我又试验了这种写法: 
<div class='code_title'>java 代码</div>
<div class='dp-highlighter'>
<div class='bar'> </div>
<ol class='dp-j' start='1'>
 <li class='alt'>function callfun(key){ </li>
 <li class=''> ({ </li>
 <li class='alt'> 'select':donoting, </li>
 <li class=''> 'input':donoting, </li>
 <li class='alt'> 'calender':donoting, </li>
 <li class=''> 'button':donoting, </li>
 <li class='alt'> 'text':donoting </li>
 <li class=''> }[key])(); </li>
 <li class='alt'>} </li>
 <li class=''> </li>
 <li class='alt'>function callfunTr(key){ </li>
 <li class=''> if(key=='select'){ </li>
 <li class='alt'> donoting(); </li>
 <li class=''> }else if(key=='input'){ </li>
 <li class='alt'> donoting(); </li>
 <li class=''> }else if(key=='calender'){ </li>
 <li class='alt'> donoting(); </li>
 <li class=''> }else if(key=='button'){ </li>
 <li class='alt'> donoting(); </li>
 <li class=''> }else if(key=='text'){ </li>
 <li class='alt'> donoting(); </li>
 <li class=''> }else{ </li>
 <li class='alt'> donoting(); </li>
 <li class=''> } </li>
 <li class='alt'>} </li>
 <li class=''> </li>
 <li class='alt'>function getkey(i){ </li>
 <li class=''> return ['select','input','calender','button','text'][i%5]; </li>
 <li class='alt'>} </li>
 <li class=''> </li>
 <li class='alt'>function donoting(){ </li>
 <li class=''> loop++; </li>
 <li class='alt'>} </li>
 <li class=''> </li>
 <li class='alt'>var loop = 0; </li>
 <li class=''>var bdate = new Date(); </li>
 <li class='alt'> </li>
 <li class=''>for(var i = 0; i < 100000; i++){ </li>
 <li class='alt'> callfun(getkey(i)); </li>
 <li class=''>} </li>
 <li class='alt'> </li>
 <li class=''>var edate = new Date(); </li>
 <li class='alt'>alert((edate.getTime() - bdate.getTime())/1000); </li>
 <li class=''> </li>
 <li class='alt'>// 传统的方法 </li>
 <li class=''>loop = 0; </li>
 <li class='alt'>bdate = new Date(); </li>
 <li class=''> </li>
 <li class='alt'>for(var i = 0; i < 100000; i++){ </li>
 <li class=''> callfunTr(getkey(i)); </li>
 <li class='alt'>} </li>
 <li class=''> </li>
 <li class='alt'>edate = new Date(); </li>
 <li class=''>alert((edate.getTime() - bdate.getTime())/1000); </li>
</ol>
</div>
这样省略了创建匿名函数，效率提高不少（匿名函数：29s, 内建函数：8.9s），但仍然比if else 低得多（3s左右）

3 楼 xieye 2007-11-22

2 楼 cai555 2007-11-22

我做了测试： 
<div class='code_title'>java 代码</div>
<div class='dp-highlighter'>
<div class='bar'> </div>
<ol class='dp-j' start='1'>
 <li class='alt'>function callfun(key){ </li>
 <li class=''> ({ </li>
 <li class='alt'> 'select':function(){ </li>
 <li class=''> </li>
 <li class='alt'> }, </li>
 <li class=''> 'input':function(){ </li>
 <li class='alt'> </li>
 <li class=''> }, </li>
 <li class='alt'> 'calender':function(){ </li>
 <li class=''> </li>
 <li class='alt'> }, </li>
 <li class=''> 'button':function(){ </li>
 <li class='alt'> </li>
 <li class=''> }, </li>
 <li class='alt'> 'text':function(){ </li>
 <li class=''> </li>
 <li class='alt'> } </li>
 <li class=''> }[key])(); </li>
 <li class='alt'>} </li>
 <li class=''> </li>
 <li class='alt'>function callfunTr(key){ </li>
 <li class=''> if(key=='select'){ </li>
 <li class='alt'> </li>
 <li class=''> }else if(key=='input'){ </li>
 <li class='alt'> </li>
 <li class=''> }else if(key=='calender'){ </li>
 <li class='alt'> </li>
 <li class=''> }else if(key=='button'){ </li>
 <li class='alt'> </li>
 <li class=''> }else if(key=='text'){ </li>
 <li class='alt'> </li>
 <li class=''> }else{ </li>
 <li class='alt'> } </li>
 <li class=''>} </li>
 <li class='alt'> </li>
 <li class=''>var bdate = new Date(); </li>
 <li class='alt'> </li>
 <li class=''>for(var i = 0; i < 100000; i++){ </li>
 <li class='alt'> callfun(getkey(i)); </li>
 <li class=''>} </li>
 <li class='alt'> </li>
 <li class=''>var edate = new Date(); </li>
 <li class='alt'>alert((edate.getTime() - bdate.getTime())/1000); </li>
 <li class=''> </li>
 <li class='alt'>bdate = new Date(); </li>
 <li class=''> </li>
 <li class='alt'>for(var i = 0; i < 100000; i++){ </li>
 <li class=''> callfunTr(getkey(i)); </li>
 <li class='alt'>} </li>
 <li class=''> </li>
 <li class='alt'>edate = new Date(); </li>
 <li class=''>alert((edate.getTime() - bdate.getTime())/1000); </li>
 <li class='alt'> </li>
 <li class=''>function getkey(i){ </li>
 <li class='alt'> return ['select','input','calender','button','text'][i%5]; </li>
 <li class=''>} </li>
</ol>
</div>
两个速度差了十倍，建议如果要频繁调用不要使用JSON这种方式

1 楼 cai555 2007-11-22

扩展一下可以这么写：

function callfun(key){
	({
		a:function(){
			alert("a");
		},
		b:function(){
			alert("b");
		}
	}[key])();
}
callfun("a");

不过效率低下

发表评论

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

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

简洁的js

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

简洁的js

评论

发表评论

相关推荐

召唤神龙 - 安装 centos 8, php 8, mysql 8, laravel 8 的整套 php 运行环境

centos8 使用阿里镜像快速安装php7.4套件

centos7 使用阿里镜像快速安装php7.4套件

composer常用命令

期待centos8+php8 + mysql8 + laravel8，8888

ubuntu 安装 php7.4以及各类插件

宝塔定义站点

让php-fpm以root账号运行

将代码部署到coding.net

php部署工具deployer技巧 - vendor目录创建

自定义redis多个实例

推荐使用php的部署工具 deployer

使用composer 类库 cachetool 清除opcache 的缓存

laravel容器学习体会

phalcon 自定义超强日志类

自定义后台的使用

phalcon 自定义事件使用的多种方式

phalcon对控制器返回值的使用以输出json

phalcon数据库DB使用实例

php-redis5.0降级成php-redis4.3

最近访客更多访客>>