web前端js中ES6的规范写法
1、引号的使用,单引号' ' 优先(如果不是引号嵌套,不要使用双引号)
正常情况:console.log('hello there') ,双引号转码: $("<div class='box'>")
2、空格的使用问题:(关键字后 符号后 排版 函数 赋值符号= )等
3、同行不同行的问题:
if (true) {
//
} else {
//
}4、不写没有使用过的变量,如果定义了一个变量,后来一直没有参与过运算,那么不应该定义这个变量。
5、用=== 代替 ==,比较相等的时候,因为 == 会多一步数据转换,但是当在 if (a!=undefiend) {}条件中, a!=undefiend同时有a!==undefiend和a!==null的双重意思(null == undefined)
6、习惯给window的属性和方法加上window,例外的几个不用加window:document ,console ,navigator。 如:window.alert('hi')
7、同一个连写方法很长要换行缩进问题,js中三元运算符,jq中的连缀等
var leds = stage.selectAll('.led')
.data(data)
.enter().append('svg:svg')
.class('led', true)
.attr('width', (radius + margin) * 2)
.append('svg:g')
.attr('transform', 'translate(' + (radius + margin) + ',' + (radius + margin) + ')')
.call(tron.led);8、注释问题:要有与前一行要空一行,另外不要无缘无故有大片的空白行// 后面空一格
var value = 'hello world';空一行
//这里是注释
console.log(value)多行注释:(这也可以用到版权信息注释)
/**
* make() returns a new element
* based on the passed in tag name
*
* @param <String> tag
* @return <Element> element
*/9、开头问题:不要 ( [ ` 开头, 在开头前要加上;号
10、对象和数组的创建问题:var item = {}; 不用new Object()方式 数组:var arr = []
11、超过80个字的字符串连接问题:
var errorMessage = 'This is a super long error that ' +
'was thrown because of Batman.'+
'When you stop to think about ' +
'how Batman had anything to do '+
'with this, you would get nowhere ' +
'fast.';function inbox(messages) {
items = [];
for(i = 0; i < length; i++) {
items[i] = messages[i].message;
}
return'<ul><li>'+ items.join() + ;
}12、对数字使用 parseInt 并且总是带上类型转换的基数. var val = parseInt(inputValue, 10);
13,布尔值转换 用Boolean() 或者 !! var hasAge = Boolean(age); var hasAge = !!age;
14、命名问题:
来源:https://www.cnblogs.com/faith3/p/6188261.html
本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!