JavaScript 七大技巧(一)
JavaScript是一門非常流行的編程語(yǔ)言,許多開發(fā)者都會(huì)把JavaScript選為入門語(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 = ; 下面的寫法能夠達(dá)到同樣的效果: var car = {
colour:'red',
wheels:,
hubcaps:'spinning',
age:
}
簡(jiǎn)單多了,你不需要反復(fù)使用這個(gè)對(duì)象的名稱。
這樣 car 就定義好了,也許你會(huì)遇到 invalidUserInSession 的問(wèn)題,這只有你在使用IE時(shí)會(huì)碰到,只要記住一點(diǎn),不要右大括
號(hào)前面寫分號(hào),你就不會(huì)有麻煩?! ?br />
另外一個(gè)十分方便的簡(jiǎn)寫是針對(duì)數(shù)組的?! ?br />
傳統(tǒng)的定義數(shù)組的方法是這樣:
var moviesThatNeedBetterWriters = new Array( 'Transformers','Transformers','Avatar','Indiana Jones ' ); 簡(jiǎn)寫版的是這樣: 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)能的;這樣寫不對(duì),會(huì)讓人困惑。圖組實(shí)際上是對(duì)象的功能,人們混淆了這兩個(gè)概念?! ?br /> 另外一個(gè)非常酷的簡(jiǎn)寫方法是使用與三元條件符號(hào)?! ?/p>
你不必寫成下面的樣子…
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)后面的值。
以上就是腳本之家小編為大家分享的有關(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-06
uniapp自定義多列瀑布流組件項(xiàng)目實(shí)戰(zhàn)總結(jié)
這篇文章主要為大家介紹了uniapp自定義多列瀑布流組件實(shí)戰(zhàn)總結(jié),有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-09-09
javasciprt下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-08
JavaScript偏函數(shù)與柯里化實(shí)例詳解
這篇文章主要介紹了JavaScript偏函數(shù)與柯里化,結(jié)合實(shí)例形式詳細(xì)分析了JavaScript偏函數(shù)與柯里化的概念、原理、定義、使用方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-03-03
Javascript實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)的幾種方式分享
這篇文章介紹了Javascript實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)的幾種方式,有需要的朋友可以參考一下2013-10-10
Javascript 實(shí)現(xiàn)TreeView CheckBox全選效果
Javascript 實(shí)現(xiàn)TreeView CheckBox 選中父節(jié)點(diǎn)時(shí)所有子節(jié)點(diǎn)全選,取消時(shí)全部取消2010-01-01

