當(dāng)前位置:首頁(yè) > 芯聞號(hào) > 充電吧
[導(dǎo)讀]眾所周知,JavaScript是一門非常流行的編程語(yǔ)言,開發(fā)者用它不僅可以開發(fā)出炫麗的Web程序,還可以用它來開發(fā)一些移動(dòng)應(yīng)用程序(如PhoneGap或Appcelerator),它還有一些服務(wù)端實(shí)現(xiàn)

眾所周知,JavaScript是一門非常流行的編程語(yǔ)言,開發(fā)者用它不僅可以開發(fā)出炫麗的Web程序,還可以用它來開發(fā)一些移動(dòng)應(yīng)用程序(如PhoneGap或Appcelerator),它還有一些服務(wù)端實(shí)現(xiàn),比如NodeJS、Wakanda以及其它實(shí)現(xiàn)。此外,許多開發(fā)者都會(huì)把JavaScript選為入門語(yǔ)言,使用它來做一些彈出窗口等小東西。

在這篇文章中,作者將會(huì)向大家分享JavaScript開發(fā)的小技巧、最佳實(shí)踐等非常實(shí)用的內(nèi)容,不管你是前端開發(fā)者還是服務(wù)端開發(fā)者,都應(yīng)該來看看這些小技巧,它們絕對(duì)會(huì)讓你受益的。

文中所提供的代碼片段都已經(jīng)過最新版的Chrome 30測(cè)試,該瀏覽器使用V8 JavaScript引擎(V8 3.20.17.15)。

1.第一次給變量賦值時(shí),別忘記var關(guān)鍵字

給一個(gè)未聲明的變量賦值,該變量會(huì)被自動(dòng)創(chuàng)建為全局變量,在JS開發(fā)中,應(yīng)該避免使用全局變量。

2.使用===替換==

并且永遠(yuǎn)不要使用=或!=。


[js]?view plaincopy[10]?===?10????//?is?false?? [10]??==?10????//?is?true?? '10'?==?10?????//?is?true?? '10'?===?10????//?is?false?? ?[]???==?0?????//?is?true?? ?[]?===??0?????//?is?false?? ?''?==?false???//?is?true?but?true?==?"a"?is?false?? ?''?===???false?//?is?false??? 3.使用分號(hào)來作為行終止字符


在行終止的地方使用分號(hào)是一個(gè)很好的習(xí)慣,即使開發(fā)人員忘記加分號(hào),編譯器也不會(huì)有任何提示,因?yàn)樵诖蠖鄶?shù)情況下,JavaScript解析器會(huì)自動(dòng)加上。?

4.創(chuàng)建構(gòu)造函數(shù)


[js]?view plaincopyfunction?Person(firstName,?lastName){?? ????this.firstName?=??firstName;?? ????this.lastName?=?lastName;?????????? }???? ?? var?Saad?=?new?Person("Saad",?"Mousliki");?? 5.應(yīng)當(dāng)小心使用typeof、instanceof和constructor



[js]?view plaincopyvar?arr?=?["a",?"b",?"c"];?? typeof?arr;???//?return?"object"??? arr??instanceof?Array?//?true?? arr.constructor();??//[]?? 6.創(chuàng)建一個(gè)Self-calling函數(shù)


這通常會(huì)被稱為自我調(diào)用的匿名函數(shù)或立即調(diào)用函數(shù)表達(dá)式(LLFE)。當(dāng)函數(shù)被創(chuàng)建的時(shí)候就會(huì)自動(dòng)執(zhí)行,好比下面這個(gè):?


[js]?view plaincopy(function(){?? ????//?some?private?code?that?will?be?executed?automatically?? })();???? (function(a,b){?? ????var?result?=?a+b;?? ????return?result;?? })(10,20)?? 7.給數(shù)組創(chuàng)建一個(gè)隨機(jī)項(xiàng)


[js]?view plaincopyvar?items?=?[12,?548?,?'a'?,?2?,?5478?,?'foo'?,?8852,?,?'Doe'?,?2145?,?119];?? ?? var??randomItem?=?items[Math.floor(Math.random()?*?items.length)];?? 8.在特定范圍里獲得一個(gè)隨機(jī)數(shù)


下面這段代碼非常通用,當(dāng)你需要生成一個(gè)假的數(shù)據(jù)用來測(cè)試時(shí),比如在最低工資和最高之前獲取一個(gè)隨機(jī)值。


[js]?view plaincopyvar?x?=?Math.floor(Math.random()?*?(max?-?min?+?1))?+?min;?? 9.在數(shù)字0和最大數(shù)之間生成一組隨機(jī)數(shù)


[js]?view plaincopyvar?numbersArray?=?[]?,?max?=?100;?? ?? for(?var?i=1;?numbersArray.push(i++)?<?max;);??//?numbers?=?[0,1,2,3?...?100]??? 10.生成一組隨機(jī)的字母數(shù)字字符



[js]?view plaincopyfunction?generateRandomAlphaNum(len)?{?? ????var?rdmstring?=?"";?? ????for(?;?rdmString.length?<?len;?rdmString??+=?Math.random().toString(36).substr(2));?? ????return??rdmString.substr(0,?len);?? ?? }?? 11.打亂數(shù)字?jǐn)?shù)組



[js]?view plaincopyvar?numbers?=?[5,?458?,?120?,?-215?,?228?,?400?,?122205,?-85411];?? numbers?=?numbers.sort(function(){?return?Math.random()?-?0.5});?? /*?the?array?numbers?will?be?equal?for?example?to?[120,?5,?228,?-215,?400,?458,?-85411,?122205]??*/?? 12.字符串tim函數(shù)


trim函數(shù)可以刪除字符串的空白字符,可以用在Java、C#、PHP等多門語(yǔ)言里。



[js]?view plaincopyString.prototype.trim?=?function(){return?this.replace(/^s+|s+$/g,?"");};???? 13.數(shù)組追加



[js]?view plaincopyvar?array1?=?[12?,?"foo"?,?{name?"Joe"}?,?-2458];?? ?? var?array2?=?["Doe"?,?555?,?100];?? Array.prototype.push.apply(array1,?array2);?? /*?array1?will?be?equal?to??[12?,?"foo"?,?{name?"Joe"}?,?-2458?,?"Doe"?,?555?,?100]?*/?? 14.將參數(shù)對(duì)象轉(zhuǎn)換為數(shù)組?



[js]?view plaincopyvar?argArray?=?Array.prototype.slice.call(arguments);?? 15.驗(yàn)證一個(gè)給定參數(shù)是否為數(shù)字







[js]?view plaincopyfunction?isNumber(n){?? ????return?!isNaN(parseFloat(n))?&&?isFinite(n);?? }?? 16.驗(yàn)證一個(gè)給定的參數(shù)為數(shù)組



[js]?view plaincopyfunction?isArray(obj){?? ????return?Object.prototype.toString.call(obj)?===?'[object?Array]'?;?? }??

注意,如果toString()方法被重寫了,你將不會(huì)得到預(yù)期結(jié)果。?


或者你可以這樣寫:


[js]?view plaincopyArray.isArray(obj);?//?its?a?new?Array?method?? 同樣,如果你使用多個(gè)frames,你可以使用instancesof,如果內(nèi)容太多,結(jié)果同樣會(huì)出錯(cuò)。?



[js]?view plaincopyvar?myFrame?=?document.createElement('iframe');?? document.body.appendChild(myFrame);?? ?? var?myArray?=?window.frames[window.frames.length-1].Array;?? var?arr?=?new?myArray(a,b,10);?//?[a,b,10]???? ?? //?instanceof?will?not?work?correctly,?myArray?loses?his?constructor??? //?constructor?is?not?shared?between?frames?? arr?instanceof?Array;?//?false??


17.從數(shù)字?jǐn)?shù)組中獲得最大值和最小值



[js]?view plaincopyvar??numbers?=?[5,?458?,?120?,?-215?,?228?,?400?,?122205,?-85411];??? var?maxInNumbers?=?Math.max.apply(Math,?numbers);??? var?minInNumbers?=?Math.min.apply(Math,?numbers);?? 18.清空數(shù)組



[js]?view plaincopyvar?myArray?=?[12?,?222?,?1000?];???? myArray.length?=?0;?//?myArray?will?be?equal?to?[].?? 19.不要用delete從數(shù)組中刪除項(xiàng)目


開發(fā)者可以使用split來代替使用delete來刪除數(shù)組項(xiàng)。與其刪除數(shù)組中未定義項(xiàng)目,還不如使用delete來替代。?


[js]?view plaincopyvar?items?=?[12,?548?,'a'?,?2?,?5478?,?'foo'?,?8852,?,?'Doe'?,2154?,?119?];??? items.length;?//?return?11??? delete?items[3];?//?return?true??? items.length;?//?return?11??? /*?items?will?be?equal?to?[12,?548,?"a",?undefined?×?1,?5478,?"foo",?8852,?undefined?×?1,?"Doe",?2154,???????119]???*/?? 也可以……



[js]?view plaincopyvar?items?=?[12,?548?,'a'?,?2?,?5478?,?'foo'?,?8852,?,?'Doe'?,2154?,?119?];??? items.length;?//?return?11??? items.splice(3,1)?;??? items.length;?//?return?10??? /*?items?will?be?equal?to?[12,?548,?"a",?5478,?"foo",?8852,?undefined?×?1,?"Doe",?2154,???????119]???*/??

delete方法應(yīng)該刪除一個(gè)對(duì)象屬性。?




20.使用length屬性縮短數(shù)組

如上文提到的清空數(shù)組,開發(fā)者還可以使用length屬性縮短數(shù)組。


[js]?view plaincopyvar?myArray?=?[12?,?222?,?1000?,?124?,?98?,?10?];???? myArray.length?=?4;?//?myArray?will?be?equal?to?[12?,?222?,?1000?,?124].?? 如果你所定義的數(shù)組長(zhǎng)度值過高,那么數(shù)組的長(zhǎng)度將會(huì)改變,并且會(huì)填充一些未定義的值到數(shù)組里,數(shù)組的length屬性不是只讀的。?



[js]?view plaincopymyArray.length?=?10;?//?the?new?array?length?is?10??? myArray[myArray.length?-?1]?;?//?undefined??


來自:?flippinawesome

本站聲明: 本文章由作者或相關(guān)機(jī)構(gòu)授權(quán)發(fā)布,目的在于傳遞更多信息,并不代表本站贊同其觀點(diǎn),本站亦不保證或承諾內(nèi)容真實(shí)性等。需要轉(zhuǎn)載請(qǐng)聯(lián)系該專欄作者,如若文章內(nèi)容侵犯您的權(quán)益,請(qǐng)及時(shí)聯(lián)系本站刪除。
換一批
延伸閱讀

9月2日消息,不造車的華為或?qū)⒋呱龈蟮莫?dú)角獸公司,隨著阿維塔和賽力斯的入局,華為引望愈發(fā)顯得引人矚目。

關(guān)鍵字: 阿維塔 塞力斯 華為

倫敦2024年8月29日 /美通社/ -- 英國(guó)汽車技術(shù)公司SODA.Auto推出其旗艦產(chǎn)品SODA V,這是全球首款涵蓋汽車工程師從創(chuàng)意到認(rèn)證的所有需求的工具,可用于創(chuàng)建軟件定義汽車。 SODA V工具的開發(fā)耗時(shí)1.5...

關(guān)鍵字: 汽車 人工智能 智能驅(qū)動(dòng) BSP

北京2024年8月28日 /美通社/ -- 越來越多用戶希望企業(yè)業(yè)務(wù)能7×24不間斷運(yùn)行,同時(shí)企業(yè)卻面臨越來越多業(yè)務(wù)中斷的風(fēng)險(xiǎn),如企業(yè)系統(tǒng)復(fù)雜性的增加,頻繁的功能更新和發(fā)布等。如何確保業(yè)務(wù)連續(xù)性,提升韌性,成...

關(guān)鍵字: 亞馬遜 解密 控制平面 BSP

8月30日消息,據(jù)媒體報(bào)道,騰訊和網(wǎng)易近期正在縮減他們對(duì)日本游戲市場(chǎng)的投資。

關(guān)鍵字: 騰訊 編碼器 CPU

8月28日消息,今天上午,2024中國(guó)國(guó)際大數(shù)據(jù)產(chǎn)業(yè)博覽會(huì)開幕式在貴陽(yáng)舉行,華為董事、質(zhì)量流程IT總裁陶景文發(fā)表了演講。

關(guān)鍵字: 華為 12nm EDA 半導(dǎo)體

8月28日消息,在2024中國(guó)國(guó)際大數(shù)據(jù)產(chǎn)業(yè)博覽會(huì)上,華為常務(wù)董事、華為云CEO張平安發(fā)表演講稱,數(shù)字世界的話語(yǔ)權(quán)最終是由生態(tài)的繁榮決定的。

關(guān)鍵字: 華為 12nm 手機(jī) 衛(wèi)星通信

要點(diǎn): 有效應(yīng)對(duì)環(huán)境變化,經(jīng)營(yíng)業(yè)績(jī)穩(wěn)中有升 落實(shí)提質(zhì)增效舉措,毛利潤(rùn)率延續(xù)升勢(shì) 戰(zhàn)略布局成效顯著,戰(zhàn)新業(yè)務(wù)引領(lǐng)增長(zhǎng) 以科技創(chuàng)新為引領(lǐng),提升企業(yè)核心競(jìng)爭(zhēng)力 堅(jiān)持高質(zhì)量發(fā)展策略,塑強(qiáng)核心競(jìng)爭(zhēng)優(yōu)勢(shì)...

關(guān)鍵字: 通信 BSP 電信運(yùn)營(yíng)商 數(shù)字經(jīng)濟(jì)

北京2024年8月27日 /美通社/ -- 8月21日,由中央廣播電視總臺(tái)與中國(guó)電影電視技術(shù)學(xué)會(huì)聯(lián)合牽頭組建的NVI技術(shù)創(chuàng)新聯(lián)盟在BIRTV2024超高清全產(chǎn)業(yè)鏈發(fā)展研討會(huì)上宣布正式成立。 活動(dòng)現(xiàn)場(chǎng) NVI技術(shù)創(chuàng)新聯(lián)...

關(guān)鍵字: VI 傳輸協(xié)議 音頻 BSP

北京2024年8月27日 /美通社/ -- 在8月23日舉辦的2024年長(zhǎng)三角生態(tài)綠色一體化發(fā)展示范區(qū)聯(lián)合招商會(huì)上,軟通動(dòng)力信息技術(shù)(集團(tuán))股份有限公司(以下簡(jiǎn)稱"軟通動(dòng)力")與長(zhǎng)三角投資(上海)有限...

關(guān)鍵字: BSP 信息技術(shù)
關(guān)閉
關(guān)閉