Whitespace
- 函数中,每行开始使用两个空格的缩进。报错类型,
indent
。 - 花括号之前使用一个空格。报错类型,
space-before-blocks
。 - if,while等控制语句遇见小括号需要空一格,function名称后的实参或者形参列表不需要空空格。
keyword-spacing
。 - 操作符之间要有空格。报错类型,
space-infix-ops
。
const x = y + z;
- ?。用一个换行符结尾的文件。
小知识:
\r
和\n
的含义分别是回车和换行。这个在不同的系统中有不同的表现。
- window,回车键就是
\r\n
- mac,回车键就是
\r
- unix或者linux,回车键就是
\n
- 方法链的格式。报错类型,
newline-per-chained-call
或者no-whitespace-before-propety
。
$('#dd')
.find('.selected')
.hightlight()
.css('width','100px');
$('#dd')
.hightlight()
.find('.selected')
.css('width','100px');
总结:
- 一个元素的方法链中,新元素开口空两格
- 一个元素的方法链中,属于该元素的方法空四格
- 每个方法都带着自己的小点点,另起一行
- 在结束一个块级语句开始下行语句时,需要空一行。
- 不要随意使用空行垫块。报错,
padded-block
。 - 不要在圆括号(parentheses)内插入空格。报错,
space-in-parens
。 - 不要在方括号(brackets)内使用空格。报错,
array-bracket-spacing
。 - 在花括号内(curly brace)使用空格。报错,
object-curly-spacing
。
这条准则有两个选项。当准则值为never(默认)时,花括号开头结尾不能有空格。当准则为always时,花括号开头结尾一定要有空格。
// always
const obj = { name: 'yf' };
// never
const obj = {name: 'yf'};
总结:
- 对象开头有空格,结尾就也需要空格
- 冒号后有空格
- 逗号后有空格
- 一行代码长度最好不要超过100个字符,即不能过长。报错,
max-len
。
Commas
对象属性和数组元素中常常使用逗号。
- 逗号统一写到元素或者属性结尾处。报错类型,
comma-style
。 - 为最后一项数组元素或者对象属性添加尾随的
,
,除非是扩展运算符语句。报错,comma-dangle
。
Semicolons
分号
- 使用分号进行结尾