JavaScript編寫可維護的程式碼

基本的格式化縮排層級4個空格縮進，最好統一tab為4個字元。語句結尾結尾分號產生錯誤的例子。

//原始代码function getData() {    return     {        title:"Maintainable JavaScript",        author:"Nicholas C. Zakas"    }
//分析器会它理解function getData

基本的格式化

縮排層級

4个空格缩进，最好统一tab为4个字符。

語句結尾

结尾分号

產生錯誤的範例

//原始代码function getData() {
    return 
    {
        title:"Maintainable JavaScript",
        author:"Nicholas C. Zakas"
    }//分析器会它理解function getData() {
    return;
    {
        title:"Maintainable JavaScript",
        author:"Nicholas C. Zakas"
    };
}

可以透過將左花括號移至與return同一行的位置來修復這個問題。

//这段代码工作正常，尽管没有用分号function getData() {
    return {
        title:"Maintainable JavaScript",
        author:"Nicholas C. Zakas
    }
}

行的長度

80个字符

換行

通常我们会在运算符后换行，下一行会增加两个层级的缩进（8个字符）

例外：當變數賦值時，第二行的位置應當和賦值運算子的位置保持對齊，例如

var result = something + antherThing + yetAnotherThing + somethingElse + 
             anotherSomethingElse;

空行

• 在方法之間

• ##在方法的局部和語句之間

• 在多行或單行註解之前

• 在方法內的邏輯片段之間插入空白行，提高可讀性

#基本的格式化

#縮排層級

4个空格缩进，最好统一tab为4个字符。

語句結尾

结尾分号

產生錯誤的範例

//原始代码function getData() {
    return 
    {
        title:"Maintainable JavaScript",
        author:"Nicholas C. Zakas"
    }//分析器会它理解function getData() {
    return;
    {
        title:"Maintainable JavaScript",
        author:"Nicholas C. Zakas"
    };
}

可以透過將左花括號移至與return同一行的位置來修正這個問題。

//这段代码工作正常，尽管没有用分号function getData() {
    return {
        title:"Maintainable JavaScript",
        author:"Nicholas C. Zakas
    }
}

行的長度

80个字符

換行

通常我们会在运算符后换行，下一行会增加两个层级的缩进（8个字符）

例外：當變數賦值時，第二行的位置應當和賦值運算子的位置保持對齊，例如

var result = something + antherThing + yetAnotherThing + somethingElse + 
             anotherSomethingElse;

空行

• 在方法之間

##在方法的局部和語句之間
在多行或單行註解之前
在方法內的邏輯片段之間插入空白行，提高可讀性
以上內容就是JavaScript寫可維護的程式碼，希望能幫助大家。

相關推薦：

JavaScript寫一個簡易的AJAX方法庫教學

常見的JavaScript記憶體外洩

JavaScript中split函數由淺到深的使用介紹

#

以上是JavaScript編寫可維護的程式碼的詳細內容。更多資訊請關注PHP中文網其他相關文章！