您的位置:首页 > Web前端 > JavaScript

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

2015-05-19 09:04 489 查看
使用制表符设置两(四)个空格,此功能一般在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;


1:12 And the earth brought forth grass ,and herb yielding seed after his kind,and the tree yielding fruit,whose seed was in itself,after his kind;and God saw that it was good.
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: