【学习笔记】JavaScript编码规范- 空白

浏览数：21 / 时间：2015年06月08日

使用制表符设置两（四）个空格，此功能一般在IDE中可配置。具体可根据实际要求。

// bad
function() {
????var name;
}


// bad
function() {
?var name;
}


// good
function() {
??var name;
}

在左侧大括号前面保留一个空格。

// bad
function test(){
console.log('test');
}


// good
function test() {
console.log('test');
}


// bad
dog.set('attr',{
age: '1 year',
breed: 'Samoyed
'
});


// good
dog.set('attr', {
age: '1 year',
breed: 'Husky'
});

在控制语句中（if, while etc），左括号之前留一个空格。函数的参数列表之前不要有空格.

// bad
if(test) {
fight ();
}


// good
if (test) {
fight();
}


// bad
function AAA() {
console.log ('AAA!');
}


// good
function AAA() {
console.log('AAA!');
}

使用空白来分隔运算符

// bad
var x=y+5;


// good
var x = y + 5;

使用换行符结束代码

// bad
(function(global) {
// ...stuff...
})(this);

// good
(function(global) {
// ...stuff...
})(this);?

当调用很长的方法链时使用缩进，可强调是方法调用，而不是新的语句。

// bad
$('#items').find('.selected').highlight().end().find('.open').updateCount();

// good
$('#items')
.find('.selected')
.highlight()
.end()
.find('.open')
.updateCount();

在语句块之前保留空行

// bad
if (test) {
return A;
}
return A;


// good
if (test) {
return A;
}


return A;


// bad
var obj = {
A: function() {
},
B: function() {
}
};
return obj;


// good
var obj = {
A: function() {
},


B: function() {
}
};


return obj;

God bless!

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

【学习笔记】JavaScript编码规范- 空白