JavaScript 編碼規范

wenshi11019 發布于2019-08-23 12:10 / 1960人閱讀

摘要：這樣的變量增加了代碼量，并且混淆讀者。錯誤代碼示例變量雖然聲明了，但沒被使用持續更新

JavaScript 編碼規范 一、命名規范 1. 變量

命名方法：小駝峰式命名法（由小寫字母開始，后續每個單詞首字母都大寫）

命名建議：語義化的名詞

特殊：
布爾值變量建議添加符合其含義的前綴動詞

is：是否

can：能不能

has：有沒有

示例：

// 頁面標題
let pageTitle = "JS命名規范";

// 是否顯示
let isShow = false;

2. 常量

命名方法：全部大寫，用下劃線來分割單詞

3. 函數

命名方法：小駝峰式命名法（由小寫字母開始，后續每個單詞首字母都大寫）

命名建議：語義化，前綴為動詞

示例：

// 獲取列表數據
function getList() {
    // ...
}

3. 類（構造函數）

命名方法：大駝峰式命名法（由大寫字母開始，后續每個單詞首字母都大寫）

命名建議：語義化的名詞

class Login {
    // ...
}

實例屬性和方法（遵循變量和函數的命名規范）

class Login {
    // 實例屬性
    name = "iqeq";
    
    // 實例方法
    login = function () {
        // ...
    }
    
    // 實例方法簡寫
    reset() {
        // ...
    }
}

靜態屬性和方法（遵循變量和函數的命名規范）

class Login {
    // 靜態屬性
    static description = "登陸業務邏輯";
    
    // 靜態方法
    static log = function () {
        // ...
    }
}

二、編碼規則 1. 禁止在function中定義同名的變量

如果在一個函數中出現多個同名的參數，后面出現的會覆蓋前面出現的參數。

錯誤代碼示例：

function foo(a, b, a) {
    console.log("value of the second a:", a);
}

正確代碼示例：

function foo(a, b, c) {
    console.log(a, b, c);
}

2. 禁止對在代碼塊中聲明function

錯誤代碼示例：

if (test) {
    function doSomethingElse () {
        // ...
    }
    doSomethingElse();
}

正確代碼示例：

function doSomethingElse () {
    // ...
}
if (test) {
    doSomethingElse();
}

3. 禁止在 return throw continue和break語句后出現不可達代碼

錯誤代碼示例：

function foo() {
    return true;
    console.log("done");
}

function bar() {
    throw new Error("Oops!");
    console.log("done");
}

while(value) {
    break;
    console.log("done");
}

throw new Error("Oops!");
console.log("done");

function baz() {
    if (Math.random() < 0.5) {
        return;
    } else {
        throw new Error();
    }
    console.log("done");
}

4. 禁止對原生對象賦值

錯誤代碼示例：

window = {};
Object = null;
undefined = 1;

5. 禁止重新聲明變量

在JavaScript中，可以對同一個變量再次聲明。這會使變量實際聲明和定義的位置混亂不堪。

錯誤代碼示例：

var a = 3;
var a = 10;

正確代碼示例:

var a = 3;
// ...
a = 10;

6. 禁止聲明未被使用過的變量

已聲明的變量在代碼里未被使用過，就像是由于不完整的重構而導致的遺漏錯誤。這樣的變量增加了代碼量，并且混淆讀者。

錯誤代碼示例：

function test(a) {
    // b變量雖然聲明了，但沒被使用
    var b = 1;
    
    return a + 1;
}

持續更新....

GPU云服務器云服務器規范編碼編碼規范 php編碼規范 js安全編碼規范

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/98044.html

HTML編碼規范

摘要：當然我們還可以引入框架，這些框架一般都自帶模板處理引擎，比如等語義化命名和語義化標簽我們盡量多采用語義化來命名，并且采用語義化標簽來書寫代碼，多用中新增的標簽來書寫。 1.黃金法則（Golden rule）不管有多少人參與同一個項目，一定要確保每一行代碼都像是同一個人編寫的。 Every line of code should appear to be written by a si...

nifhlheimr 2019-08-01 14:50 評論0 收藏0
在 React-CRA 應用中配合 VSCode 使用 ESLint 實踐前端代碼規范

摘要：編碼規范是獨角獸公司內部的編碼規范，該項目是上很受歡迎的一個開源項目，在前端開發中使用廣泛，本文的配置規則就是以編碼規范和編碼規范作為基礎的。更新時間：2019-01-22React.js create-react-app 項目 + VSCode 編輯器 + ESLint 代碼檢查工具 + Airbnb 編碼規范前言為什么要使用 ESLint 在項目開發過程中，編寫符合團隊編碼規...

Hujiawei 2019-08-23 14:55 評論0 收藏0
編碼規范 —— 編寫靈活、穩定、高質量的 HTML 和 CSS 代碼的規范

摘要：用兩個空格代替制表符這是唯一能保證在所有環境下獲得一致展現的方法。編輯器配置將你的編輯器按照下面的配置進行設置，以免常見的代碼不一致和差異用兩個空格代替制表符保存文件時刪除尾部的空白符設置文件編碼為在文件結尾添加一個空白行。黃金定律永遠遵循同一套編碼規范 - 可以是這里列出的，也可以是你自己總結的。如果發現規范中有任何錯誤，敬請指正。 HTML 語法用兩個空格代替制表符 (ta...

Karuru 2019-08-01 14:41 評論0 收藏0
編碼規范-html.md

摘要：寫在前面對于不同的編程語言來說，具體的編碼規范各不相同，但是其宗旨都是一致的，就是保證代碼在高質量完成需求的同時具備良好的可讀性可維護性。減少標簽的數量編寫代碼時，盡量避免多余的父元素。寫在前面對于不同的編程語言來說，具體的編碼規范各不相同，但是其宗旨都是一致的，就是保證代碼在高質量完成需求的同時具備良好的可讀性、可維護性。本文大部分內容來自網上，僅供個人參考學習！網絡上的知...

tomlingtm 2019-08-01 17:22 評論0 收藏0
編寫靈活、穩定、高質量的HTML代碼的規范

摘要：六字符編碼通過明確聲明字符編碼，能夠確保瀏覽器快速并容易的判斷頁面內容的渲染方式。十一減少標簽的數量編寫代碼時，盡量避免多余的父元素。未完待續編寫靈活穩定高質量的代碼的規范閱讀更多一、唯一定律無論有多少人共同參與同一項目，一定要確保每一行代碼都像是唯一個人編寫的。二、HTML 2.1 語法（1）用兩個空格來代替制表符（tab） -- 這是唯一能保證在所有環境下獲得一致展現的方法...

anquan 2019-08-02 16:01 評論0 收藏0