1. 程式人生 > >能說明你的Javascript技術很爛的五個原因

能說明你的Javascript技術很爛的五個原因

1.你沒有使用名稱空間

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

functionderp() { alert(“one”); } 

functionderp() { alert(“two”); } 

derp();  

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

var foospace={}; 

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

functionderp() { alert(“two”); } 

foospace.derp();  

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

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

function(){ 

    var a, //description 

    b;      //description 

    //process… 

}  

3.你沒有理解Javascript的變數範圍

你是個天才的程式設計師,你吃的是C++、拉的是List。你知道什麼是變數範圍,你對你的變數有完全的控制,你就像太上皇似的的注視著它們。然而,Javascript卻在你的咖啡里拉了一泡屎,並且大笑不止。

varherp=”one”; 

    var herp=”two”; 

alert(herp);  

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

4.你以為Javascript的面向物件特徵只是嫁接而來的

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

varderp; // will hold a Herp instance 

var Herp= function() { 

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

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

varderp= new Herp(); 

derp.speak();  

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

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

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

var rightway= [1, 2, 3]; 

varwrongway= new Array(1, 2, 3);  

是否還記得我說過Javascript的變數範圍是以函式為基礎的?是否還記得有人說Javascript的物件像函式那樣定義?如果你不使用new關鍵字來宣告一個物件,你將會使這個物件成為全域性範圍內的物件。所以,永遠使用new關鍵字來宣告物件是一個好習慣。

varderp="one"; 

varHerp=function() { 

    this.derp="two"; 

// varfoo=Herp();      // wrong way :你將會使這個物件變成一個全域性的物件

var foo = new Herp();   // right way :永遠使用new關鍵字來宣告物件是一個好習慣。

alert(derp);            //"one"

alert(foo.derp);        // "two"

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