DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> javascript中的編程語言如何編碼規范
javascript中的編程語言如何編碼規范
編輯:JavaScript綜合知識     

  對於熟悉 C/C++ 或 Java 語言的工程師來說,javascript 顯得靈活,簡單易懂,對代碼的格式的要求也相對松散。很容易學習,並運用到自己的代碼中。也正因為這樣,javascript 的編碼規范也往往被輕視,開發過程中修修補補,最終也就演變成為後續維護人員的惡夢。軟件存在的長期價值直接與編碼的質量成比例。編碼規范能幫助我們降低編程中不必要的麻煩。而 javascript 代碼是直接發送給客戶浏覽器的,直接與客戶見面,編碼的質量更應該受到關注。

  本文淺談 javascript 編程中關於編碼規范的問題,分析其中緣由。希望引起更多 Web 開發人員對 javascript 編碼規范問題的關注和對軟件產品質量問題的重視。

  前言

  提及 C/C++ 和 Java 編碼規范,相信許多工程師並不生疏。但說到 javascript 語言的編碼規范,也許您會忍俊不禁。javascript 不是語法很靈活嗎?變量隨時用隨時可以聲明;語句結束符可以不要;字符串和數字也可以相加;參數多一個少一個也不會報錯。沒錯,當您從 C/C++ 和 Java 嚴格的語法規定之下,轉向 javascript 語言,會覺得自由了很多,輕松了很多。語法松散是 javascript 重要的特征。它靈活易懂,給開發人員帶來了很多方便,但如果編寫過程中不注意,代碼的調試成本和維護成本則會無形地增加。

  javascript 編碼會隨應被直接發送到客戶端的浏覽器,代碼規范不只是代碼質量的保證,也影響到產品的長期信譽。希望 javascript 編程語言的規范問題也能同樣引起更多朋友的關注。

  javascript 編碼規范建議

  本文就 javascript 編碼過程中涉及的排版、命名、聲明、作用域、及一些特殊符號的使用等方面,根據個人在學習工作中的總結,給出自己的一些建議,並分析其中緣由,以供參考。

  javascript 文件引用

  javascript 程序應該盡量放在 .js 的文件中,需要調用的時候在 HTML 中以

  從清單 4 的輸出可以看出,inF() 函數僅在 outF() 函數的內部生效,局部變量 innerA 對內部函數的作用域生效。這樣的編碼方式使得變量和函數的作用域變得清晰。

  語句

  對於簡單語句而言,需要提及的仍然是分號必要性,同時,一行最多有一個語句。如果一個賦值語句是用函數和對象來賦值,可能需要跨多行,一定切記要在賦值語句末加上分號。

  這是因為 javascript 中,所有表達式都可以當語句,遇換行符時會解析為表達式的結束,此時不規范的換行和分號的丟失,可能引入新的錯誤。

  對於復合語句,if, for, while, do, switch, try … catch 等代碼體,函數定義的函數體,對象的定義等都需要放在花括號'{}'裡面。

  '{' 應在行末,標志代碼塊的開始。

  '}' 應在一行開頭,標志代碼塊的結束,同時需要和'{'所在行的開始對齊,以表明一個完整的復合語句段。這樣可以極大地提高代碼的可閱讀性,控制邏輯能清晰地表現出來。

  被包含的代碼段應該再縮進 4 個空格。

  即使被包含的代碼段只有一句,也應該用花括號'{}'包含。盡管不用花括號代碼也不會錯,但如若需要增加語句的話,則較容易因花括號遺漏而引起的編譯錯誤或邏輯錯誤。

  return語句在使用時也需慎重,如果用表達式的執行作為返回值,請把表達式和 return 放在同一行中,以免換行符被誤解析為語句的結束而引起返回錯誤。return 關鍵字後若沒有返回表達式,則返回 undefined。構造器的默認返回值為 this。

  清單 5. return 表達式

  在清單 5 中顯示了因返回表達式沒有和 return 關鍵字放在同一行而引起的返回錯誤,需重視。

  特殊符號

  空白符

  適當的空白行可以大大提高代碼的可閱讀性,可以使代碼邏輯更清晰易懂。同時,在表達式中適當的留空白,也會給代碼的閱讀帶來方便。

  關鍵字的後面如有括號,則最好在關鍵字和左括號'('之間留空白,如 for, if, while 等。而函數名和括號之間則不宜留空白,但若是匿名函數,則必須在 function 和左括號'('之間留空白,否則,編輯器會誤認為函數名為 function。

  在表達式中,二元運算符 ( 除左括號'(',左方括號'[',作用域點'.') 和兩個操作數之間最好留空白。一元運算符(若不是詞 typeof 等)和其操作數之間不宜留空白。

  逗號','的後面需要留空白,以顯示明確的參數間隔,變量間隔等。

  分號';'之後通常表明表達語句的結束,而應空行。在 for 的條件語句中,分號之後則應該留空白。

  { } 和 [ ]

  在 javascript 中,如需定義空對象和空數組,通常很自然地想到用 new Object() 和 new Array() 的方法。其實花括號'{}'和方括號'[]'可以直接用來定義一個空對象和一個空數組。這種書寫方法可以使代碼看起來簡單易懂。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved