關(guān)于if語(yǔ)句的幾種優(yōu)化
UglifyJS是一個(gè)對(duì)javascript進(jìn)行壓縮和美化的工具，在它的文檔說(shuō)明中，我看到了幾種關(guān)于if語(yǔ)句優(yōu)化的方法。
盡管我還沒(méi)使用它去做一些嘗試性的測(cè)試，但從這里可以看到它的確對(duì)js作了美化的工作。也許有人認(rèn)為if語(yǔ)句就那么簡(jiǎn)單，能優(yōu)化到什么程度？但是看看以下的幾種方式，你也許會(huì)改變看法。
一、使用常見(jiàn)的三元操作符
- if (foo) bar(); else baz(); ==>
- foo?bar():baz();
- if (!foo) bar(); else baz(); ==>
- foo?baz():bar();
- if (foo) return bar(); else return baz(); ==>
- return foo?bar():baz();
對(duì)于以上使用三元操作符來(lái)優(yōu)化if語(yǔ)句你肯定不會(huì)陌生，或許你經(jīng)常使用它。
二、使用and(&&)和or(||)運(yùn)算符
- if (foo) bar(); ==> foo&&bar();
- if (!foo) bar(); ==> foo||bar();
老實(shí)說(shuō)，我并沒(méi)有這樣去寫(xiě)過(guò)代碼，這種寫(xiě)法我在學(xué)習(xí)《鳥(niǎo)哥的 Linux 私房菜》時(shí)看到過(guò)，但我并沒(méi)想到在js中實(shí)現(xiàn)它。
三、省略大括號(hào){}
- if (foo) return bar();
- else something(); ==>
- {if(foo)return bar();
- something()}
這種寫(xiě)法你我都很熟悉，但我建議在代碼優(yōu)化的時(shí)候這樣做，或者交給UglifyJS幫你去解決。畢竟少一個(gè)大括號(hào)，代碼的可閱讀性并不高。
寫(xiě)到這里，我想到j(luò)Query之父在《精通 JavaScript》中的一個(gè)獲取HTML元素屬性的方法。
- function getAttr(el, attrName)
- {
- var attr = {'for':'htmlFor', 'class':'className'}[attrName] || attrName;
- };
如果我們不這樣寫(xiě)，可能我們需借助于兩個(gè)if語(yǔ)句來(lái)進(jìn)行處理，而上面的代碼不僅簡(jiǎn)潔有效，而且可閱讀性強(qiáng)。
仔細(xì)想想，好些時(shí)候我們都能找到解決問(wèn)題的有效途徑，但關(guān)鍵在于我們是否用心去尋找一種更好的途徑。
UglifyJS詳情請(qǐng)查看：https://github.com/mishoo/UglifyJS
【編輯推薦】
