亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 語言 > JavaScript > 正文

5個書寫JavaScript代碼的壞習慣,看看你中槍了沒?

2024-05-06 16:10:26
字體:
來源:轉載
供稿:網友
這篇文章主要介紹了5個書寫JavaScript代碼的壞習慣,看看你中槍了沒?,本文指出了你沒有使用命名空間、變量定義的東一個西一個、Javascript的變量范圍、Javascript的面向對象、new關鍵字等問題,需要的朋友可以參考下
 
 

Javascript在互聯網上名聲很臭,但你又很難再找到一個像它這樣如此動態、如此被廣泛使用、如此根植于我們的生活中的另外一種語言。它的低學習門檻讓很多人都稱它為學前腳本語言,它另外一個讓人嘲笑的東西是動態語言的概念是偏偏使用了高標準的靜態數據類型。其實,你和Javascript都站錯了立場,而現在,你讓Javascript很生氣。這里有五個原因能說明你的Javascript技術很爛。

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

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

 

復制代碼代碼如下:

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

 

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

 

復制代碼代碼如下:

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

 

2. 你在變戲法,你把變量定義的東一個西一個。

你使用莫名其妙的數字字母組合作為變量名是一個雙輸的結局。在40行的代碼塊中尋找一個不帶任何表意的字符變量,對于維護工作來說簡直是場噩夢。把對變量的第一次聲明混合到一個40行的代碼塊里同樣也是一場噩夢。即使你自己遇到這樣的變量時,你也要不由的問自己:“這是在哪里定義的?”,然后迅速的使用Ctrl+F組合在源代碼里尋找這個變量最初定義的位置。不,不要這樣,相反,這是對Javascript的濫用,是一種愚蠢的做法。你應該始終把變量定義在它的使用范圍的頂部。并不能說因為這不是必須的,你就可以不這樣做。

復制代碼代碼如下:

function(){
var a,//description
b; //description
//process…
}

 

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

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

復制代碼代碼如下:

var herp=”one”;
{
var herp=”two”;
}
alert(herp);

 

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

4. 你以為Javascript的面向對象特征只是嫁接而來的。

Javascript,自從呱呱落地起,它就是一個面向對象的語言。所有的東西在Javascript里都是對象,所有的!甚至數字和字符這樣的文字符號都可以通過它自身固有的構造器轉化成對象。跟其它面向對象的語言比起來,Javascript的不同之處在于,它沒有類(class)。Javascript對象像函數那樣定義,甚至函數自己也是對象。Javascript有個屬性叫做prototype,所有對象里都內置了這個屬性,你可以通過它來改變對象的構造,修改對象、添加更多的變量、更多的功能。

 

復制代碼代碼如下:

var derp; //will hold a Herp instance
var Herp= function(){
this.opinion=”Javascript is cooler than BASIC.”;
}
Herp.prototype.speak=function(){ alert(this.opinion); }
var derp= new Herp();
derp.speak();

 

如果這個看起來跟你毫不相干,我愿意介紹我的好朋友Google給你,Google擅長于幫助人們學習知識。面向對象對于我這篇簡短的、低姿態的文章來說實在是個太大的話題。

5. 你使用“new”關鍵字時就像是盲人瞎馬。

Javascript肯定是你的初戀女友,因為你顯得無所適從。如果你想像真人那樣取悅Javascript,你需要去了解對象符號。除了在需要實例化一個對象,或罕見的需要延時加載數據的情況外,你基本上不需要使用new關鍵字。在Javascript里分配大量的new變量地址是一項很慢的操作,為了效率起見,你應該始終使用對象符號。

 

復制代碼代碼如下:

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

 

是否還記得我說過Javascript的變量范圍是以函數為基礎的?是否還記得有人說Javascript的對象像函數那樣定義?如果你不使用new關鍵字來聲明一個對象,你將會使這個對象成為全局范圍內的對象。所以,永遠使用new關鍵字來聲明對象是一個好習慣。

 

復制代碼代碼如下:

var derp=”one”;
var Herp=function(){
this.derp=”two”;
}
var foo=Herp();
alert(derp);

 

如果你這樣寫,Javascript并不會在意,而你真正彈出的答案是“two”!有很多方法可以防止對象做出這樣的行為,可以以使用instanceOf,但更好的方法是正確的使用new關鍵字,這樣顯得更專業。

現在你知道你的Javascript代碼寫的很爛了吧,如果你記住了上面所說的東西,你的代碼就會有所改善。我喜歡用3個tab鍵來縮進代碼,我喜歡用下劃線來連接單詞,我喜歡把函數名首字母大寫來表示它是對象。當然,這個是另外一場討論了。有很多原因會導致你的Javascript代碼寫的很爛,就像我有很多技術很爛一樣,所以,盡情的在評論里表達你的意見,支持,反對,不吝賜教。

非常感謝rogeliorv和 Jared Wein指出第五點中存在的錯誤。你們很強。


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
九九视频这里只有精品| 国内精久久久久久久久久人| 亚洲自拍中文字幕| 日韩精品视频在线| 亚洲国产精品va在看黑人| 在线播放日韩欧美| 精品国内亚洲在观看18黄| 91国产中文字幕| 午夜精品在线观看| 亚洲国产另类 国产精品国产免费| 亚洲免费av片| 成人黄色影片在线| 97国产精品久久| 国产精品av电影| 成人精品aaaa网站| 日韩第一页在线| 欧美性感美女h网站在线观看免费| 欧美专区第一页| 亚洲大尺度美女在线| 亚洲欧美制服综合另类| 久久视频免费观看| 亚洲黄页网在线观看| 欧美激情视频在线观看| 亚洲激情视频在线| 91免费精品视频| 欧美国产日产韩国视频| 午夜精品视频在线| 日韩在线观看网站| 久久精品国产亚洲一区二区| 高清日韩电视剧大全免费播放在线观看| 成人福利在线视频| 中文字幕av一区二区三区谷原希美| 精品国产91久久久| 国产精品6699| 亚洲视频免费一区| 久久天天躁狠狠躁夜夜躁2014| 色老头一区二区三区在线观看| 国产热re99久久6国产精品| 久久精品最新地址| 成人网在线观看| 国产成人精品综合久久久| 国产精品久久久久av免费| 黄色精品一区二区| 热久久免费视频精品| 国产网站欧美日韩免费精品在线观看| 欧美黑人巨大精品一区二区| 国产美女高潮久久白浆| 久久久在线观看| 久久国产一区二区三区| 日韩大片免费观看视频播放| 欧美成人免费播放| 国产婷婷97碰碰久久人人蜜臀| 日韩欧美在线观看| 亚洲区在线播放| 成人免费淫片aa视频免费| 欧美激情视频免费观看| 日韩国产在线播放| 欧美一级在线播放| 久久av.com| 久久韩国免费视频| 欧美日韩国产影院| 国模吧一区二区| 久久久999精品视频| 97在线视频国产| 456亚洲影院| 欧美精品videosex极品1| www.日韩不卡电影av| 国产精品日韩在线播放| 成人在线视频网| 国产精品偷伦一区二区| 深夜福利一区二区| 欧美夜福利tv在线| yw.139尤物在线精品视频| 国模视频一区二区三区| 日本高清久久天堂| 岛国视频午夜一区免费在线观看| 国产精品视频内| 久久亚洲精品一区二区| 18性欧美xxxⅹ性满足| 日韩电影大片中文字幕| 国产91av在线| 国产成人一区二区三区小说| 亚洲图片欧美午夜| 日韩在线视频播放| www欧美xxxx| 国内精品久久久久久中文字幕| 成人a免费视频| 亚洲精品综合精品自拍| 国产亚洲精品一区二区| 国产精品久久久一区| 欧洲日韩成人av| 精品欧美国产一区二区三区| 欧美夫妻性视频| 亚洲欧美色图片| 国产精品久久电影观看| 成人淫片在线看| 欧美日韩另类在线| 日韩电影免费观看在线观看| 2019亚洲男人天堂| 成人午夜两性视频| 欧美日韩一区二区在线| 亚洲精品免费一区二区三区| 美女福利精品视频| 精品国产一区二区三区四区在线观看| 久久亚洲电影天堂| 96国产粉嫩美女| 久久免费少妇高潮久久精品99| 久久69精品久久久久久国产越南| 国产精品成人va在线观看| 亚洲欧美一区二区三区情侣bbw| 狠狠躁夜夜躁人人爽天天天天97| 亚洲一区中文字幕在线观看| 国产日本欧美一区二区三区在线| 欧美福利小视频| 91亚洲午夜在线| 亚洲天堂网站在线观看视频| 91久久久在线| 亚洲欧美自拍一区| 亚洲精品日韩欧美| 国产精品欧美一区二区三区奶水| 国产精品直播网红| 欧美成在线观看| 一夜七次郎国产精品亚洲| 亚洲视频日韩精品| 日韩欧美在线视频| 色爱av美腿丝袜综合粉嫩av| 亚洲第一国产精品| 久久99热这里只有精品国产| 久久亚洲精品小早川怜子66| 亚洲欧美在线免费| 在线亚洲欧美视频| 国产亚洲一区二区精品| 国产精品高清网站| 68精品国产免费久久久久久婷婷| 日韩电影在线观看永久视频免费网站| 91亚洲一区精品| 一个人www欧美| 亚洲国产精彩中文乱码av| 91最新国产视频| 国产日韩欧美夫妻视频在线观看| 国产欧美日韩精品在线观看| 91黑丝高跟在线| 日韩国产欧美区| 色婷婷av一区二区三区在线观看| 国产精品久久久久久久久久久久久久| 欧美日韩国产综合视频在线观看中文| 亚洲第一精品夜夜躁人人躁| 亚洲a∨日韩av高清在线观看| 欧美日韩成人在线观看| 亚洲欧美日韩精品久久奇米色影视| 在线播放日韩精品| 国产精品专区一| 国产午夜精品一区二区三区| 色播久久人人爽人人爽人人片视av| 中文字幕成人精品久久不卡| 日韩三级成人av网| 精品国产乱码久久久久久婷婷| 黄色一区二区在线观看| 欧美极品在线视频| 成人a免费视频| 亚洲人成网站在线播| 国产综合久久久久久| 日韩亚洲一区二区| 国产精品美女久久久免费|