javascript兩段代碼,兩個(gè)小技巧
原來(lái)的代碼:
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;
}
改寫(xiě)后的代碼,功能當(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))
我嚼的第二種寫(xiě)法更簡(jiǎn)潔點(diǎn),||&&還有很多用處,可以看那篇文章的介紹
第二段代碼是利用了一個(gè)特性: (ele=document.createElement("div")) ;//這個(gè)表達(dá)式會(huì)返回一個(gè)dom元素,賦值的同時(shí)會(huì)把值返回給外邊的括號(hào)
于是出來(lái)下面這段代碼 :
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ǔ)句:
var ele=document.createElement("div")
ele.id="aa";
ele.className="aa"
ele.innerHTML="sss"
等等等等,好煩啊.
于是出來(lái)了上面的代碼.
用上面的原理還可以這樣寫(xiě)代碼 (ele=document.createElement("div")).className="aa"; 感覺(jué)是不是節(jié)省了一點(diǎn)空間呢,上面這句話節(jié)省了一個(gè)變量名,呵呵.
- JavaScript小技巧整理篇(非常全)
- JavaScript小技巧整理
- 谷歌瀏覽器調(diào)試JavaScript小技巧
- Javascript小技巧之生成html元素
- JavaScript小技巧 2.5 則
- javascript小技巧 超強(qiáng)推薦
- JavaScript編程的10個(gè)實(shí)用小技巧
- JavaScript初學(xué)者需要了解10個(gè)小技巧
- JavaScript編程開(kāi)發(fā)中的五個(gè)實(shí)用小技巧
- JavaScript 學(xué)習(xí)筆記一些小技巧
- Javascript 小技巧全集
- 分享12個(gè)非常實(shí)用的JavaScript小技巧
相關(guān)文章
js 簡(jiǎn)易版滾動(dòng)條實(shí)例(適用于移動(dòng)端H5開(kāi)發(fā))
下面小編就為大家?guī)?lái)一篇js 簡(jiǎn)易版滾動(dòng)條實(shí)例(適用于移動(dòng)端H5開(kāi)發(fā))。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-06-06淺談JS獲取元素的N種方法及其動(dòng)靜態(tài)討論
這篇文章主要介紹了淺談JS獲取元素的N種方法及其動(dòng)靜態(tài)討論,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2017-08-08JS圖片根據(jù)鼠標(biāo)滾動(dòng)延時(shí)加載的實(shí)例代碼
這篇文章介紹了,JS圖片根據(jù)鼠標(biāo)滾動(dòng)延時(shí)加載的實(shí)例代碼,有需要的朋友可以參考一下2013-07-07bootstrap table表格客戶端分頁(yè)實(shí)例
這篇文章主要為大家詳細(xì)介紹了bootstrap table表格客戶端分頁(yè)實(shí)例,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-08-08探索JavaScript中私有成員的相關(guān)知識(shí)
這篇文章主要介紹了探索JavaScript中私有成員的相關(guān)知識(shí),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,,需要的朋友可以參考下2019-06-06js調(diào)用父框架函數(shù)與彈窗調(diào)用父頁(yè)面函數(shù)的簡(jiǎn)單方法
下面小編就為大家?guī)?lái)一篇js調(diào)用父框架函數(shù)與彈窗調(diào)用父頁(yè)面函數(shù)的簡(jiǎn)單方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-11-11微信小程序 如何引入外部字體庫(kù)iconfont的圖標(biāo)
這篇文章主要為大家詳細(xì)介紹了微信小程序引入外部字體庫(kù)iconfont圖標(biāo)的方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-01-01javascript強(qiáng)制彈出新窗口實(shí)現(xiàn)代碼
javascript強(qiáng)制彈出新窗口,主要是利用的動(dòng)態(tài)創(chuàng)建鏈接。2009-12-12