Posted in Javascript onFebruary 04, 2010
第一段代码就是强调一下这个用法,我在我的项目中使用了一个switch,后来我发现这样的代码好丑,于是我就写成||&&形式的, 后来测试性能的时候,发现性能竟然上了一个数量级,可见这种写法在某些情况下可以增加性能,但是我并不确定是何种情况才能提高性能,因为我测试在通常情况下switch和||&&的性能是差不多的.
原来的代码:
switch(this.now_char=this.str.charAt(this.index)){ case "/": if(this.handleNote()) continue;else this.str2+=this.now_char; break; case "\"": case "\'": if(this.handleStr()) continue;else this.str2+=this.now_char; break; case "\n": if(this.handleLine()) continue;else this.str2+=this.now_char; break; case "{": case "}": if(this.handleDepth()) continue;else this.str2+=this.now_char; break; case ":":if(this.handleJson()) continue;else this.str2+=this.now_char;break; default: if(this.handleKeyword()) continue;else this.str2+=this.now_char; break; }
改写后的代码,功能当然是一样的 view sourceprint?1 (this.now_char=="/"&&(this.handleNote()||(this.str2+=this.now_char)))||
((this.now_char=="\""||this.now_char=="\'")&&(this.handleStr()||(this.str2+=this.now_char)))||
(this.now_char=="\n"&&(this.handleLine()||(this.str2+=this.now_char)))|| ((this.now_char=="{"||this.now_char=="}")&&(this.handleDepth()||(this.str2+=this.now_char)))||
(this.handleKeyword()||(this.str2+=this.now_char))
我嚼的第二种写法更简洁点,||&&还有很多用处,可以看那篇文章的介绍
第二段代码是利用了一个特性: (ele=document.createElement("div")) ;//这个表达式会返回一个dom元素,赋值的同时会把值返回给外边的括号
于是出来下面这段代码 :
var mixin=function(target,options){ for(var i in options){ target[i]=options[i] } } var ele=null; mixin(ele=document.createElement("div"),{ id:"aa", className:"bb", innerHTML:"sss" }) document.body.appendChild(ele) debug(ele.id)//aa debug(ele.className)//bb debug(ele.innerHTML)//sss
这段代码是因为我实在厌烦了建立一个dom元素的时候的一大堆语句:
var ele=document.createElement("div") ele.id="aa"; ele.className="aa" ele.innerHTML="sss"
等等等等,好烦啊.
于是出来了上面的代码.
用上面的原理还可以这样写代码 (ele=document.createElement("div")).className="aa"; 感觉是不是节省了一点空间呢,上面这句话节省了一个变量名,呵呵.
javascript两段代码,两个小技巧
声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@