码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2015-05-19 10:38:48      阅读:140      评论:0      收藏:0      [点我收藏+]

标签: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!

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

标签:javascript

原文地址:http://blog.csdn.net/princeterence/article/details/45840429

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!