主頁(yè) > 知識(shí)庫(kù) > javascript代碼規(guī)范小結(jié)

javascript代碼規(guī)范小結(jié)

熱門標(biāo)簽:南通電銷外呼系統(tǒng)軟件 山東電銷機(jī)器人軟件 智能語(yǔ)音電銷機(jī)器人客戶端 廣州防封電銷機(jī)器人廠家 常州電話外呼系統(tǒng)招商 洛陽(yáng)防封卡外呼系統(tǒng)廠家 申請(qǐng)400電話移動(dòng) 上海400電話辦理到易號(hào)網(wǎng) 成都企業(yè)外呼系統(tǒng)
1. Javascript代碼應(yīng)符合Douban-JSLint檢驗(yàn)標(biāo)準(zhǔn)

1-1. 語(yǔ)句必須都有分號(hào)結(jié)尾,除了for, function, if, switch, try, while

1-2. 只有長(zhǎng)語(yǔ)句可以考慮斷行,如:

TEMPL_SONGLIST.replace('{TABLE}', da['results'])
.replace('{PREV_NUM}', prev)
.replace('{NEXT_NUM}', next)
.replace('{CURRENT_NUM}', current)
.replace('{TOTAL_NUM}', da.page_total);

為了避免和JSLint的檢驗(yàn)機(jī)制沖突,“.”或“+”這類操作符放在行尾,上面代碼應(yīng)改為:

TEMPL_SONGLIST.replace('{TABLE}', da['results']).
replace('{PREV_NUM}', prev).
replace('{NEXT_NUM}', next).
replace('{CURRENT_NUM}', current).
replace('{TOTAL_NUM}', da.page_total);

1-3. 避免額外的逗號(hào)。如:var arr = [1,2,3,];

1-4. 所有的循環(huán)體和判斷體都需要用"{}"括起來(lái)。如:

錯(cuò):

if (condition)
statement;

if (condition) statement;


對(duì):

if (condition) {
statement; 或
if (condition) { statement; }

1-5. for-in循環(huán)體中必須用hasOwnProperty方法檢查成員是否為自身成員。避免來(lái)自原型鏈上的污染。

1-6. 變量聲明。變量聲明應(yīng)放在function的最上面。避免使用未聲明的變量。

錯(cuò):

if (n > 0) {
var isvalid = true;

對(duì):

var isvalid;
if (n > 0) {
isvalid = true;
}

1-7. 不要使用with, void, evil。

1-8. 使用嚴(yán)格的條件判斷符。用===代替==,用!==代替!=。

1-9. 下面類型的對(duì)象不建議用new構(gòu)造:new Number, new String, new Boolean, new Object(用{}代替), new Array(用[]代替)。

1-10. 引用對(duì)象成員用obj.prop1代替obj[“prop1”],除非屬性名是變量。

注:Douban-JSLint是定制過(guò)的JSLint

注:如果模塊代碼中,使用其它全局變量想跳過(guò)JSLint的檢查,可以在該文件中加入聲明,如:

2. Javascript命名規(guī)則

2-1. 構(gòu)造器的首字母大寫。如:

function Dialog (config) {
statement;
} var dlg = new Dialog({...});

2-2. 對(duì)象的屬性或方法名采用小駝峰式(lower camel-case),如"init", "bindEvent", "updatePosition":

Dialog.prototype = {
init: function () {},
bindEvent: function () {},
updatePosition: function () {} };

2-3. 私有變量名用下劃線開頭。如:"_current", "_defaultConfig"

2-4. 常量名全部大寫,單詞間用下劃線分隔。如:“CSS_BTN_CLOSE”, "TXT_LOADING"

2-5. 變量名的前綴:

Prefix

Element

Example

integer

nVariableName

i,j,k,m,n, etc. *

integer as counter/iterator

(for i=0; i=oArray.length; i++)

string

sVariableName

object

oObjectName

is, can, has

boolean

[Boolean name]ConditionName

event method

event attachment

[event type]_MethodName

accessor method

getMethodName

accessor method

setMethodName

Note: Only a counter/iterator should use a single-letter designation.

3. 代碼格式化要求

3-1. 語(yǔ)句中的必要空格和縮進(jìn)

3-1-1. 用來(lái)包含語(yǔ)句的"()"前后需要跟空格,諸如: if / for / while / switch ( statements ) { … } 等

3-1-2. "="前后需要跟空格

3-1-3. 數(shù)組成員間的","后面需要跟空格

不好:

for (t in selected) { if (!hash[t]) deselect(t) }

好:

for ( t in selected ) {
if ( !hash[t] ) {
deselect(t); }

3-2. 長(zhǎng)語(yǔ)句采用斷行:

不好:

TEMPL_SONGLIST.replace('{TABLE}', da['results']).replace('{PREV_NUM}', prev).replace('{NEXT_NUM}', next).replace('{CURRENT_NUM}', current).replace('{TOTAL_NUM}', da.page_total);

好:

TEMPL_SONGLIST.replace('{TABLE}', da['results']).
replace('{PREV_NUM}', prev).
replace('{NEXT_NUM}', next).
replace('{CURRENT_NUM}', current).
replace('{TOTAL_NUM}', da.page_total);

3-3. 格式化對(duì)象參數(shù):

不好:

embedSWF(id, { url: '/swf/player30792.swf?url=' + el.href, width: 261, height: 30, params: { wmode:'transparent' }, attributes: { id: "player-sample" + i, name: "player-sample" + i }});

好:
復(fù)制代碼 代碼如下:

embedSWF(id, {
url: '/swf/player30792.swf?url=' + el.href,
width: 261,
height: 30,
params: { wmode:'transparent' },
attributes: {
id: "player-sample" + i,
name: "player-sample" + i
});
您可能感興趣的文章:
  • 現(xiàn)如今最流行的JavaScript代碼規(guī)范
  • 關(guān)于Google發(fā)布的JavaScript代碼規(guī)范你要知道哪些

標(biāo)簽:混顯 貴州 萊蕪 邵陽(yáng) 廣安 鶴壁 滄州 賀州

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《javascript代碼規(guī)范小結(jié)》,本文關(guān)鍵詞  javascript,代碼,規(guī)范,小結(jié),;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《javascript代碼規(guī)范小結(jié)》相關(guān)的同類信息!
  • 本頁(yè)收集關(guān)于javascript代碼規(guī)范小結(jié)的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章