javascript編程風格（粗略筆記）

一、空格

　　緊湊型：
　　　　project.MyClass = function(arg1, arg2){
　　鬆散型：
　　　　for( i = 0; i < length; i++ ){

二、代碼行長度
　　最多80個字符

三、命名: 採用駝峯式方法命名(開始的第一個單詞小寫，以後的全部單詞首字母大寫)
　　var bankAccount = $(this);
　　關鍵字形式的函數命名：
　　function isReady()
　　function setName()
　　function getName()

四、常量全用大寫
　　var SECOND = 1000;

五、等式應該用全等於「===」
　　if(a === '')

六、條件語句
　　var isDisabled = (node.enable || node._id)
　　if(isDisabled){
　　　　// ...
　　}

七、函數的行數
　　儘可能限制在10行之內

八、return語句
　　正確：
　　function isArray(){
　　　　var len = array.length;
　　　　if(len < 0){
　　　　　　return false;
　　　　}
　　　　if(len > 100){
　　　　　　return false;
　　　　}
　　return true;
}

錯誤：
function isPercentage(val) {
　　if(val >= 0){
　　　　if(val < 100){
　　　　　　return true;
　　　　}else{
　　　　　　return false;
　　　　}
　　}else{
　　　　return false;
　　}
}

九、全局變量
　　不要使用全局變量。全局變量命名衝突難以調試，尤爲在合併代碼或者共
　　享共用javascript代碼時易發衝突。並且不該該使用隱式全局變量。

　　調試代碼風格的工具：jsHint
　　http://www.jshint.com/

參考資料：

　　一些達成共識的JavaScript編碼風格約定
　　http://www.csdn.net/article/2013-07-11/2816196-javascript-code-style-guide

　　Google JavaScript代碼風格指南（待讀。。。溫故而知新）
　　http://chajn.org/jsguide/javascriptguide.html

 

二次總結：

翻譯：谷歌HTML、CSS和JavaScript風格規範 « 張鑫旭-鑫空間-鑫生活

http://www.zhangxinxu.com/wordpress/2012/07/google-html-css-javascript-style-guides/

豆瓣Javascript代碼風格規範

https://docs.google.com/document/pub?id=17ICSeE4Qd04-1U-pphmKCAmfgJGEVjqDellbu4oAiqU

《編寫可維護的JavaScript》讀書筆記1：編程風格

http://qczhang.blog.51cto.com/6094768/1341348