JavaScript 七大技巧(一)
JavaScript是一門(mén)非常流行的編程語(yǔ)言,許多開(kāi)發(fā)者都會(huì)把JavaScript選為入門(mén)語(yǔ)言,本文向大家分享JavaScript七大實(shí)用技巧、最佳實(shí)踐等非常實(shí)用的內(nèi)容。在過(guò)去,如果你想創(chuàng)建一個(gè)對(duì)象,你需要這樣:
var car = new Object(); car.colour = 'red'; car.wheels = ; car.hubcaps = 'spinning'; car.age = ; 下面的寫(xiě)法能夠達(dá)到同樣的效果: var car = { colour:'red', wheels:, hubcaps:'spinning', age: }
簡(jiǎn)單多了,你不需要反復(fù)使用這個(gè)對(duì)象的名稱(chēng)。
這樣 car 就定義好了,也許你會(huì)遇到 invalidUserInSession 的問(wèn)題,這只有你在使用IE時(shí)會(huì)碰到,只要記住一點(diǎn),不要右大括
號(hào)前面寫(xiě)分號(hào),你就不會(huì)有麻煩。
另外一個(gè)十分方便的簡(jiǎn)寫(xiě)是針對(duì)數(shù)組的?! ?br />
傳統(tǒng)的定義數(shù)組的方法是這樣:
var moviesThatNeedBetterWriters = new Array( 'Transformers','Transformers','Avatar','Indiana Jones ' ); 簡(jiǎn)寫(xiě)版的是這樣: var moviesThatNeedBetterWriters = [ 'Transformers','Transformers','Avatar','Indiana Jones ' ];
對(duì)于數(shù)組,這里有個(gè)問(wèn)題,其實(shí)沒(méi)有什么圖組功能。但你會(huì)經(jīng)常發(fā)現(xiàn)有人這樣定義上面的 car ,就像這樣
var car = new Array(); car['colour'] = 'red'; car['wheels'] = ; car['hubcaps'] = 'spinning'; car['age'] = ;
數(shù)組不是萬(wàn)能的;這樣寫(xiě)不對(duì),會(huì)讓人困惑。圖組實(shí)際上是對(duì)象的功能,人們混淆了這兩個(gè)概念?! ?br /> 另外一個(gè)非常酷的簡(jiǎn)寫(xiě)方法是使用與三元條件符號(hào)。
你不必寫(xiě)成下面的樣子…
var direction; if(x < ){ direction = ; } else { direction = -; } ...
你可以使用三元條件符號(hào)簡(jiǎn)化它:
var direction = x < 200 ? 1 : -1;
當(dāng)條件為true 時(shí)取問(wèn)號(hào)后面的值,否則取冒號(hào)后面的值?! ?br />
以上就是腳本之家小編為大家分享的有關(guān)JavaScript 七大技巧(一)的知識(shí),后續(xù)給大家更新javascript七大技巧(二),我們后續(xù)會(huì)還會(huì)更新更多關(guān)于這方面的知識(shí),希望能夠?qū)Υ蠹矣兴鶐椭?/p>
相關(guān)文章
JavaScript學(xué)習(xí)教程之cookie與webstorage
這篇文章主要給大家介紹了關(guān)于JavaScript學(xué)習(xí)教程之cookie與webstorage的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用JavaScript具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-06-06uniapp自定義多列瀑布流組件項(xiàng)目實(shí)戰(zhàn)總結(jié)
這篇文章主要為大家介紹了uniapp自定義多列瀑布流組件實(shí)戰(zhàn)總結(jié),有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-09-09javasciprt下jquery函數(shù)$.post執(zhí)行無(wú)響應(yīng)的解決方法
這篇文章主要介紹了javasciprt下jquery函數(shù)$.post執(zhí)行無(wú)響應(yīng)的解決方法,需要的朋友可以參考下2014-03-03微信小程序全屏滾動(dòng)字幕的實(shí)現(xiàn)方法詳解
這篇文章主要介紹了微信小程序全屏滾動(dòng)字幕的實(shí)現(xiàn)方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-08-08JavaScript偏函數(shù)與柯里化實(shí)例詳解
這篇文章主要介紹了JavaScript偏函數(shù)與柯里化,結(jié)合實(shí)例形式詳細(xì)分析了JavaScript偏函數(shù)與柯里化的概念、原理、定義、使用方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-03-03Javascript實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)的幾種方式分享
這篇文章介紹了Javascript實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)的幾種方式,有需要的朋友可以參考一下2013-10-10Javascript 實(shí)現(xiàn)TreeView CheckBox全選效果
Javascript 實(shí)現(xiàn)TreeView CheckBox 選中父節(jié)點(diǎn)時(shí)所有子節(jié)點(diǎn)全選,取消時(shí)全部取消2010-01-01