首頁 > web前端 > js教程 > JavaScript編寫可維護的程式碼

JavaScript編寫可維護的程式碼

小云云
發布: 2017-12-06 15:31:05
原創
1802 人瀏覽過

基本的格式化縮排層級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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板