24编程风格

块级作用域

1. 使用的优先级

• const > let > var

2. vue中

• 模块导出时，使用const结合es6导出语法导出，export const a = 1
• 模块中导入其他模块，大部分使用import foo from ''方式
• js文件导入其他文件，大部人使用const集合nodejs导出语法导入，const foo = require('')

3. 在各种方法中使用let

字符串

1. 单引号
2. 拼接使用特殊字符，反单引号

解构赋值

1. 函数参数可以使用数组解构和对象解构
2. 函数返回值多个时，优先使用对象解构

对象

1. 单行对象，最后一个属性没有,。多行对象，最后一个属性有,
2. 添加属性，优先使用Object.assign()
3. 尽量使用简洁语法

数组

1. 拷贝数组[...arr]

函数

1. 立即执行函数可以写成箭头函数
2. 箭头函数取代缓存this的方式
3. 函数默认值的最后一个不可以直接是false
4. 不使用arguments，可以用数组解构
5. 使用默认值语法设置函数参数的默认值

// bad
function divide(a, b, option = false ) {
}
// good
function divide(a, b, { option = false } = {}) {
}

Map结构

1. 使用Map表示键值对的结构
2. 使用Object表示实际中的对象
3. Map有以下方法，生成遍历器

• keys
• value
• entries

class

1. 使用class和extends，不再使用prototype

模块

1. 优先使用import和export

ESLint

校验代码是否规范

1. 全局安装ESLint
2. 可以全局，也可以在项目中安装其他各种插件
3. 最后一个插件，应该是React项目中使用，Vue项目中可以使用其他的类似插件
4. 配置eslintrc文件
5. 使用命令eslint index.js，就可以检测相应的文件

// 安装 ESLint
$ npm i -g eslint
// 然后，安装 Airbnb 语法规则，以及 import、a11y、react 插件。
$ npm i -g eslint-config-airbnb
$ npm i -g eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-react