快捷導(dǎo)航

javascript兩段代碼,兩個(gè)小技巧

更新時(shí)間：2010年02月04日 10:08:44 作者：

話說以前我轉(zhuǎn)過一片文章,講的是 JavaScript中||和&&的妙用, 下面是一些優(yōu)化寫法。

第一段代碼就是強(qiáng)調(diào)一下這個(gè)用法,我在我的項(xiàng)目中使用了一個(gè)switch,后來我發(fā)現(xiàn)這樣的代碼好丑,于是我就寫成||&&形式的, 后來測(cè)試性能的時(shí)候,發(fā)現(xiàn)性能竟然上了一個(gè)數(shù)量級(jí),可見這種寫法在某些情況下可以增加性能,但是我并不確定是何種情況才能提高性能,因?yàn)槲覝y(cè)試在通常情況下switch和||&&的性能是差不多的.
原來的代碼:

復(fù)制代碼代碼如下:

 
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; 
} 

改寫后的代碼,功能當(dāng)然是一樣的 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))
我嚼的第二種寫法更簡(jiǎn)潔點(diǎn),||&&還有很多用處,可以看那篇文章的介紹
第二段代碼是利用了一個(gè)特性: (ele=document.createElement("div")) ;//這個(gè)表達(dá)式會(huì)返回一個(gè)dom元素,賦值的同時(shí)會(huì)把值返回給外邊的括號(hào)
于是出來下面這段代碼 :

復(fù)制代碼代碼如下:

 
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 

這段代碼是因?yàn)槲覍?shí)在厭煩了建立一個(gè)dom元素的時(shí)候的一大堆語(yǔ)句:

復(fù)制代碼代碼如下:

 
var ele=document.createElement("div") 
ele.id="aa"; 
ele.className="aa" 
ele.innerHTML="sss" 

等等等等,好煩啊.
于是出來了上面的代碼.
用上面的原理還可以這樣寫代碼 (ele=document.createElement("div")).className="aa"; 感覺是不是節(jié)省了一點(diǎn)空間呢,上面這句話節(jié)省了一個(gè)變量名,呵呵.

您可能感興趣的文章:

相關(guān)文章

數(shù)組方法解決JS字符串連接性能問題有爭(zhēng)議
大多數(shù)情況下，加法運(yùn)算符是首選；如果用戶主要使用IE6或7，并且字符串大小較大或數(shù)量較多時(shí)，那么數(shù)組技術(shù)就很值得。
2011-01-01
JS立即執(zhí)行的匿名函數(shù)用法分析
這篇文章主要介紹了JS立即執(zhí)行的匿名函數(shù),結(jié)合實(shí)例形式分析了;(function() {})();相關(guān)原理、使用技巧及操作注意事項(xiàng),需要的朋友可以參考下
2019-11-11
confirm確認(rèn)對(duì)話框的實(shí)現(xiàn)方法總結(jié)
下面小編就為大家?guī)硪黄猚onfirm確認(rèn)對(duì)話框的實(shí)現(xiàn)方法總結(jié)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-06-06
js實(shí)現(xiàn)簡(jiǎn)易的單數(shù)字隨機(jī)抽獎(jiǎng)（0-9）
這篇文章主要介紹了js實(shí)現(xiàn)簡(jiǎn)易的單數(shù)字0-9隨機(jī)抽獎(jiǎng)，可以控制抽取隨機(jī)數(shù)開始與停止，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2015-08-08
一文帶你了解JavaScript函數(shù)柯里化
柯里化（Currying）是把接受多個(gè)參數(shù)的函數(shù)變換成接受一個(gè)單一參數(shù)(最初函數(shù)的第一個(gè)參數(shù))的函數(shù)，并且返回接受余下的參數(shù)且返回結(jié)果的新函數(shù)的技術(shù)。本文將通過一些示例帶大家深入了解JS的函數(shù)柯里化，需要的可以參考一下
2023-02-02
JS數(shù)組操作(數(shù)組增加、刪除、翻轉(zhuǎn)、轉(zhuǎn)字符串、取索引、截取(切片)slice、剪接splice、數(shù)組合并)
這篇文章主要介紹了JS數(shù)組操作(數(shù)組增加、刪除、翻轉(zhuǎn)、轉(zhuǎn)字符串、取索引、截取(切片)slice、剪接splice、數(shù)組合并)的相關(guān)資料,需要的朋友可以參考下
2016-05-05
javascript table美化鼠標(biāo)滑動(dòng)單元格變色
效果非常不錯(cuò)的table美化，當(dāng)鼠標(biāo)滑過去，背景色變換效果
2008-06-06
詳解微信小程序開發(fā)之下拉刷新上拉加載
本篇文章主要介紹了微信小程序開發(fā)之下拉刷新上拉加載，具有一定的參考價(jià)值，有興趣的可以了解一下。
2016-11-11
微信小程序?qū)崿F(xiàn)的3d輪播圖效果示例【基于swiper組件】
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)的3d輪播圖效果,結(jié)合實(shí)例形式分析了微信小程序基于swiper組件相關(guān)屬性設(shè)置、事件響應(yīng)操作技巧,需要的朋友可以參考下
2018-12-12
Javascript中Eval函數(shù)的使用
eval()函數(shù)，這個(gè)函數(shù)可以把一個(gè)字符串當(dāng)作一個(gè)JavaScript表達(dá)式一樣去執(zhí)行它。
2010-03-03