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

使用制表符设置两（四）个空格，此功能一般在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!