常見的編碼陷阱

常見的編碼陷阱

無論你如今的編程技能有多麼的高超，曾經你也是個亦步亦趨，不斷的學習的初學者。在編程這條曲折的道路上，我想你確定犯過一些低級的錯誤、碰見過一些普通的編碼陷阱。本文做者跨越多個語言，818網站爲你們總結了如下幾條常規陷阱，並提供瞭解決方案。

JavaScript篇

1.沒必要要的DOM操做

例以下面這段代碼：

1         //anti-pattern

2         for(vari=0;i<100;i++){

3         varli=$("<li>").html("Thisislistitem#"+(i+1));

4         $("#someUL").append(li);

5         }

這段代碼對DOM進行了100次修改，而且建立了100個沒必要要的jQuery對象。正確的作法是使用一個文檔片斷，或者建立一個字符串，把100個<li>元素賦給該字符串。而後附加到HTML中。這樣就只需運行DOM一次，代碼以下：

6         varliststring="";

7         for(vari=100;i>0;i--){

8         liststring+="<li>Thisislistitem#"+(99-i);

9         }

10     document.getElementById("someUL").innerHTML(liststring);

正如上面所描述的同樣，下面再提供一個方式，使用數組：

11     varliststring="<li>"

12     varlis=[];

13     for(vari=100;i>0;i--){

14     lis.push("Thisislistitem#"+(99-i));

15     }

16     liststring+=lis.join("</li><li>")+"</li>";

17     document.getElementById("someUL").innerHTML(liststring);

這是在JavaScript建立重複HTML最快最簡單的方法，無需使用模板庫或框架。

2.不一致的變量名和函數名

這個問題是很是重要的，尤爲當你在別人的代碼上工做時，必定要保持標識符（變量名和函

數名）一致，例以下面這段代碼：

1         varfoo="bar";

2         varplant="green";

3         varcar="red";

一般，人們並不會設置變量名叫Something，這涉及到命名規則問題，命名應清晰明瞭，一目瞭然。不少編程語言地變量命名都使用大寫。

下面是對函數的命名：

4         functionsubtractFive(number){

5         returnnumber-5;

6         }

語法結構清晰而且能起到解釋性功能。

例如想要對給定的數字加5，仍採用上述命名模式，好比：

7         functionaddFive(number){

8         returnnumber+5;

9         }

有時，你會根據返回值命名，例如該函數要返回一個HTML字符串，那麼能夠命名爲getTweetHTML()，若是函數只是作一些操做，無需返回值，那麼能夠在前面加一個do前綴。例如doFetchTweets()。

構造函數一般會遵循類原則，大寫第一個字母：

10     functionDog(color){

11     this.color=color;

12     }

命名應帶有描述性，好比操做型的函數在前面加do，另外要具有可讀性和提示性。

點擊轉帖連接查看所有及原文下載