airbnb入门（六）

Whitespace

1. 函数中，每行开始使用两个空格的缩进。报错类型，indent。
2. 花括号之前使用一个空格。报错类型，space-before-blocks。
3. if，while等控制语句遇见小括号需要空一格，function名称后的实参或者形参列表不需要空空格。keyword-spacing。
4. 操作符之间要有空格。报错类型，space-infix-ops。

const x = y + z;

5. ?。用一个换行符结尾的文件。

小知识：\r 和 \n的含义分别是回车和换行。这个在不同的系统中有不同的表现。

• window，回车键就是\r\n
• mac，回车键就是\r
• unix或者linux，回车键就是\n

6. 方法链的格式。报错类型，newline-per-chained-call或者no-whitespace-before-propety。

$('#dd')
  .find('.selected')
    .hightlight()
    .css('width','100px');
$('#dd')
    .hightlight()
  .find('.selected')
    .css('width','100px');

总结：

• 一个元素的方法链中，新元素开口空两格
• 一个元素的方法链中，属于该元素的方法空四格
• 每个方法都带着自己的小点点，另起一行

7. 在结束一个块级语句开始下行语句时，需要空一行。
8. 不要随意使用空行垫块。报错，padded-block。
9. 不要在圆括号(parentheses)内插入空格。报错，space-in-parens。
10. 不要在方括号(brackets)内使用空格。报错，array-bracket-spacing。
11. 在花括号内(curly brace)使用空格。报错，object-curly-spacing。

这条准则有两个选项。当准则值为never(默认)时，花括号开头结尾不能有空格。当准则为always时，花括号开头结尾一定要有空格。

// always
const obj = { name: 'yf' };

// never
const obj = {name: 'yf'};

总结：

• 对象开头有空格，结尾就也需要空格
• 冒号后有空格
• 逗号后有空格

12. 一行代码长度最好不要超过100个字符，即不能过长。报错，max-len。

Commas

对象属性和数组元素中常常使用逗号。

1. 逗号统一写到元素或者属性结尾处。报错类型，comma-style。
2. 为最后一项数组元素或者对象属性添加尾随的,，除非是扩展运算符语句。报错，comma-dangle。

Semicolons

分号

1. 使用分号进行结尾