洩露你的JavaScript技術很爛的五個表現

　　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程式碼寫的很爛，就像我有很多技術很爛一樣，所以，盡情的在評論裡表達你的意見，支援，反對，不吝賜教。

　　原文連結：5 Reasons Your Javascript Stinks