1. 程式人生 > >前端(HTML/CSS/JS)-JavaScript編碼規範

前端(HTML/CSS/JS)-JavaScript編碼規範

resource htm 容易 blog 語境 asc 也有 命名方式 分享

1. 變量命名

(1)變量名不應以短巧為榮

技術分享圖片

左邊的變量名都不太清楚,代碼的擴展性不好,一旦代碼需要加功能的話,就容易出現obj1、obj2、obj3這種很抽象的命名方式。所以一開始就要把變量的名字起得真實有意義,不要搞一些很短很通用的名字。

(2)bool變量

建議布爾變量不用以is/do之類的開頭

var isMobile = true,
    isError = true,
    doUpdate = false;

可改成:

var mobile = true,
    error = true,
    updated = false;

還有其它一些常用的名稱如done/found/successs/ok/available/complete等,結合具體的語境

var ajaxDone = true,
    fileFound = false,
    resourceUpdated = true;

2. 聲明變量時要賦值

如下聲明三個變量

var registerForm,
     question,
     calculateResult;

以上絕對是合法JS語法,但是這三個變量的用途會讓人比較困惑,特別是中間第二個question,問題是什麽。但是當你把上面的變量賦一個初始值的時候:

var registerForm = null,
     question = "",
     calculateResult 
= 0;

就讓人豁然開朗了,原來question是一個問題的字符串,而result是一個數字,form是一個對象。這也有利於JS解釋器提前做一些優化處理,不用等到使用的時候才知道這些變量是什麽類型的

前端(HTML/CSS/JS)-JavaScript編碼規範