前端代碼規(guī)范

lunaticf 發(fā)布于2019-08-02 15:59 / 1377人閱讀

摘要：編寫可維護代碼，就需要有一定的代碼規(guī)范。返回類型是布爾類型，一般以開頭，變量和函數(shù)命名，不要擔(dān)心長度，合乎邏輯重要。總結(jié)代碼庫的書寫習(xí)慣不只是前端百度代碼規(guī)范網(wǎng)易前端代碼規(guī)范前端開發(fā)規(guī)范手冊騰訊前端代碼規(guī)范非常值得看

編寫可維護代碼，就需要有一定的代碼規(guī)范。 基本命名規(guī)范

變量名應(yīng)為名詞,eg： car,person

函數(shù)名以動詞開始。 getName(), 返回類型是布爾類型，一般以is開頭，eg: isEnable();

變量和函數(shù)命名，不要擔(dān)心長度，合乎邏輯重要。

變量命名 -- 類型透明

通過初始化指定變量類型

    var found = false;    // 布爾類型
    var count = -1;       // 數(shù)字類型
    var name = “”;        // 字符串
    var person = null;    // 對象

匈牙利標(biāo)記法

變量名前面加上一個或者多個字符來表示數(shù)據(jù)類型。

      "o"  =>變量     var oPerson;
      "s" => 字符串   var iCount
      “i”  => 整數(shù)    var sName;
      “f” => 浮點數(shù)   var fMath;
      “b”  => 布爾值  var bFound;

全局命名空間

創(chuàng)建唯一的全局的對象，然后再把需要的變量和函數(shù)添加到對象上。

避免與其他功能沖突。

產(chǎn)生對應(yīng)的作用域

    // 聲明全局對象
    var Wrox = {};
    // 為Wrox 創(chuàng)建 Professional JavaScript 命名空間
    Wrox.ProJS = {};

    // 分別在添加各種事件
    Wrox.ProJS.EventUtil = {};
    Wrox.ProJS.CookieUtil = {};

   // 在使用的時候
   Wrox.ProJS.EventUtil.adHandler();

最近收集了一些大神們總結(jié)的代碼規(guī)范，這里特意羅列出來。

總結(jié)github代碼庫的書寫習(xí)慣(不只是前端)

百度代碼規(guī)范

網(wǎng)易前端代碼規(guī)范

前端開發(fā)規(guī)范手冊

騰訊前端代碼規(guī)范

JavaScript-Garden(非常值得看)

GPU云服務(wù)器云服務(wù)器前端規(guī)范前端規(guī)范文檔代碼規(guī)范代碼規(guī)范考試

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/54476.html

相關(guān)文章

前端編碼規(guī)范之：樣式（scss）編碼規(guī)范

摘要：前端編碼規(guī)范之使用規(guī)范前端編碼規(guī)范之樣式編碼規(guī)范前端編碼規(guī)范之結(jié)構(gòu)規(guī)范前端編碼規(guī)范之最佳實踐前端編碼規(guī)范之編碼規(guī)范命名的原則是通俗易懂，盡量保持不重復(fù)沖突，盡量不要用。我覺得應(yīng)該避免出現(xiàn)出現(xiàn)這種方式用預(yù)處理器拼接出來的名稱，會生成。前端編碼規(guī)范之：Git使用規(guī)范前端編碼規(guī)范之：樣式（scss）編碼規(guī)范前端編碼規(guī)范之：HTML結(jié)構(gòu)規(guī)范前端編碼規(guī)范之：Vue最佳實踐前端編碼規(guī)范...

reclay 2019-08-29 16:58 評論0 收藏0
從 1 到完美，寫一個 js 庫、node 庫、前端組件庫

摘要：從到完美，寫一個庫庫前端組件庫之前講了很多關(guān)于項目工程化前端架構(gòu)前端構(gòu)建等方面的技術(shù)，這次說說怎么寫一個完美的第三方庫。使用導(dǎo)出模塊，就可以在使用這個庫的項目中構(gòu)建時使用功能。從 1 到完美，寫一個 js 庫、node 庫、前端組件庫之前講了很多關(guān)于項目工程化、前端架構(gòu)、前端構(gòu)建等方面的技術(shù)，這次說說怎么寫一個完美的第三方庫。 1. 選擇合適的規(guī)范來寫代碼 js 模塊化的發(fā)展大致有...

rollback 2019-08-29 17:18 評論0 收藏0
從 1 到完美，寫一個 js 庫、node 庫、前端組件庫

摘要：從到完美，寫一個庫庫前端組件庫之前講了很多關(guān)于項目工程化前端架構(gòu)前端構(gòu)建等方面的技術(shù)，這次說說怎么寫一個完美的第三方庫。使用導(dǎo)出模塊，就可以在使用這個庫的項目中構(gòu)建時使用功能。從 1 到完美，寫一個 js 庫、node 庫、前端組件庫之前講了很多關(guān)于項目工程化、前端架構(gòu)、前端構(gòu)建等方面的技術(shù)，這次說說怎么寫一個完美的第三方庫。 1. 選擇合適的規(guī)范來寫代碼 js 模塊化的發(fā)展大致有...

xiaolinbang 2019-08-26 13:22 評論0 收藏0
前端資源系列（4）-前端學(xué)習(xí)資源分享&前端面試資源匯總

摘要：特意對前端學(xué)習(xí)資源做一個匯總，方便自己學(xué)習(xí)查閱參考，和好友們共同進步。特意對前端學(xué)習(xí)資源做一個匯總，方便自己學(xué)習(xí)查閱參考，和好友們共同進步。本以為自己收藏的站點多，可以很快搞定，沒想到一入?yún)R總深似海。還有很多不足&遺漏的地方，歡迎補充。有錯誤的地方，還請斧正... 托管: welcome to git，歡迎交流，感謝star 有好友反應(yīng)和斧正，會及時更新，平時業(yè)務(wù)工作時也會不定期更...

princekin 2019-08-20 11:28 評論0 收藏0
前端代碼規(guī)范

摘要：編寫可維護代碼，就需要有一定的代碼規(guī)范。返回類型是布爾類型，一般以開頭，變量和函數(shù)命名，不要擔(dān)心長度，合乎邏輯重要?？偨Y(jié)代碼庫的書寫習(xí)慣不只是前端百度代碼規(guī)范網(wǎng)易前端代碼規(guī)范前端開發(fā)規(guī)范手冊騰訊前端代碼規(guī)范非常值得看編寫可維護代碼，就需要有一定的代碼規(guī)范。基本命名規(guī)范變量名應(yīng)為名詞,eg： car,person 函數(shù)名以動詞開始。 getName(), 返回類型是布爾類型，一般...

jsyzchen 2019-08-29 13:58 評論0 收藏0