JavaScript代碼的5個(gè)書寫壞習(xí)慣

時(shí)間：2025-10-30 18:53:30 java語(yǔ)言

　　導(dǎo)語(yǔ)：Javascript在互聯(lián)網(wǎng)上名聲很臭，但你又很難再找到一個(gè)像它這樣如此動(dòng)態(tài)、如此被廣泛使用、如此根植于我們的生活中的另外一種語(yǔ)言。它的低學(xué)習(xí)門檻讓很多人都稱它為學(xué)前腳本語(yǔ)言，它另外一個(gè)讓人嘲笑的東西是動(dòng)態(tài)語(yǔ)言的概念是偏偏使用了高標(biāo)準(zhǔn)的靜態(tài)數(shù)據(jù)類型。下面的是百分網(wǎng)小編為大家搜集的JavaScript代碼的5個(gè)書寫壞習(xí)慣，希望可以幫到你。

　　1. 你沒有使用命名空間。

　　是否還記得在大學(xué)里老師告訴你不要在家庭作業(yè)里使用全局變量？Javascript里的全局變量的使用方法也不例外。Web網(wǎng)頁(yè)稍不留神就會(huì)變的混亂不堪、到處都是從互聯(lián)網(wǎng)上各個(gè)角落里找來的亂糟糟的相互侵犯的腳本和腳本庫(kù)。如果你把一個(gè)變量命名成loader()，那你是成心自找麻煩。如果你在無意識(shí)的情況下重載了一個(gè)函數(shù)，Javascript根本不會(huì)提醒你。你還把它叫做一種學(xué)前教育編程語(yǔ)言，還記得吧？我要說的是，你需要知道在做了這些后發(fā)生什么情況。

　　代碼如下:

　　function derp(){ alert(“one”); }

　　function derp(){ alert(“two”); }

　　derp();

　　“two”，答案是“two”。并不是一定會(huì)這樣，它也可能是“one”。所以，把你所有的代碼都放在自己的命名空間里，這很容易。下面是定義自己的命名空間的一個(gè)簡(jiǎn)單做法。

　　代碼如下:

　　var foospace={};

　　foospace.derp=function(){ alert(“one”); }

　　function derp(){ alert(“two”); }

　　foospace.derp();

　　2. 你在變戲法，你把變量定義的東一個(gè)西一個(gè)。

　　你使用莫名其妙的數(shù)字字母組合作為變量名是一個(gè)雙輸?shù)慕Y(jié)局。在40行的代碼塊中尋找一個(gè)不帶任何表意的字符變量，對(duì)于維護(hù)工作來說簡(jiǎn)直是場(chǎng)噩夢(mèng)。把對(duì)變量的第一次聲明混合到一個(gè)40行的代碼塊里同樣也是一場(chǎng)噩夢(mèng)。即使你自己遇到這樣的變量時(shí)，你也要不由的問自己：“這是在哪里定義的？”，然后迅速的使用Ctrl+F組合在源代碼里尋找這個(gè)變量最初定義的位置。不，不要這樣，相反，這是對(duì)Javascript的濫用，是一種愚蠢的做法。你應(yīng)該始終把變量定義在它的使用范圍的頂部。并不能說因?yàn)檫@不是必須的，你就可以不這樣做。

　　代碼如下:

　　function(){

　　var a,/pic/div>

　　b; /pic/div>

　　/pic/div>

　　}

　　3. 你沒有理解Javascript的變量范圍。

　　你是個(gè)天才的程序員，你吃的是C++、拉的是List。你知道什么是變量范圍，你對(duì)你的變量有完全的控制，你就像太上皇似的的注視著它們。然而，Javascript卻在你的咖啡里拉了一泡屎，并且大笑不止。

　　代碼如下:

　　var herp=”one”;

　　{

　　var herp=”two”;

　　}

　　alert(herp);

　　在這種情況下你得到的herp不是“one”，而是“two”。Javascript的變量有效范圍并不是跟其它語(yǔ)言一樣依賴于代碼塊。Javascript的變量范圍是以函數(shù)為基礎(chǔ)的。每個(gè)函數(shù)都有它自己的變量范圍，Javascript這一點(diǎn)上表現(xiàn)的很酷，根本不理睬這毫無意義的花括弧包起來的范圍。事實(shí)上，Javascript是如此的酷，以至于你甚至可以將變量范圍像命名空間或變量那樣進(jìn)行傳遞。

　　4. 你以為Javascript的面向?qū)ο筇卣髦皇羌藿佣鴣淼摹?/div>

　　Javascript，自從呱呱落地起，它就是一個(gè)面向?qū)ο蟮恼Z(yǔ)言。所有的東西在Javascript里都是對(duì)象，所有的！甚至數(shù)字和字符這樣的文字符號(hào)都可以通過它自身固有的構(gòu)造器轉(zhuǎn)化成對(duì)象。跟其它面向?qū)ο蟮恼Z(yǔ)言比起來，Javascript的不同之處在于，它沒有類(class)。Javascript對(duì)象像函數(shù)那樣定義，甚至函數(shù)自己也是對(duì)象。Javascript有個(gè)屬性叫做prototype，所有對(duì)象里都內(nèi)置了這個(gè)屬性，你可以通過它來改變對(duì)象的構(gòu)造，修改對(duì)象、添加更多的變量、更多的功能。

　　代碼如下:

　　var derp; /pic/div>

　　var Herp= function(){

　　this.opinion=”Javascript is cooler than BASIC.”;

　　}

　　Herp.prototype.speak=function(){ alert(this.opinion); }

　　var derp= new Herp();

　　derp.speak();

　　如果這個(gè)看起來跟你毫不相干，我愿意介紹我的好朋友Google給你，Google擅長(zhǎng)于幫助人們學(xué)習(xí)知識(shí)。面向?qū)ο髮?duì)于我這篇簡(jiǎn)短的、低姿態(tài)的文章來說實(shí)在是個(gè)太大的話題。

　　5. 你使用“new”關(guān)鍵字時(shí)就像是盲人瞎馬。

　　Javascript肯定是你的初戀女友，因?yàn)槟泔@得無所適從。如果你想像真人那樣取悅Javascript，你需要去了解對(duì)象符號(hào)。除了在需要實(shí)例化一個(gè)對(duì)象，或罕見的需要延時(shí)加載數(shù)據(jù)的情況外，你基本上不需要使用new關(guān)鍵字。在Javascript里分配大量的new變量地址是一項(xiàng)很慢的操作，為了效率起見，你應(yīng)該始終使用對(duì)象符號(hào)。

　　代碼如下:

　　var rightway= [1, 2, 3];

　　var wrongway= new Array(1, 2, 3);

　　是否還記得我說過Javascript的變量范圍是以函數(shù)為基礎(chǔ)的？是否還記得有人說Javascript的對(duì)象像函數(shù)那樣定義？如果你不使用new關(guān)鍵字來聲明一個(gè)對(duì)象，你將會(huì)使這個(gè)對(duì)象成為全局范圍內(nèi)的對(duì)象。所以，永遠(yuǎn)使用new關(guān)鍵字來聲明對(duì)象是一個(gè)好習(xí)慣。

　　代碼如下:

　　var derp=”one”;

　　var Herp=function(){

　　this.derp=”two”;

　　}

　　var foo=Herp();

　　alert(derp);

【JavaScript代碼的5個(gè)書寫壞習(xí)慣】相關(guān)文章：

php動(dòng)態(tài)生成JavaScript代碼03-12

javascript實(shí)現(xiàn)小球的自由移動(dòng)代碼11-17

JavaScript簡(jiǎn)單實(shí)現(xiàn)放大鏡效果代碼02-21

Javascript實(shí)現(xiàn)全選并賦值給文本框代碼實(shí)例11-26

JavaScript判斷登錄界面的賬號(hào)密碼是否為空代碼02-20

JavaScript的應(yīng)用01-04

Java與JavaScript的區(qū)別02-11

JavaScript與Java的區(qū)別09-14

java常用代碼03-01

最新推薦