24编程风格

块级作用域

  1. 使用的优先级
  • const > let > var
  1. vue中
  • 模块导出时,使用const结合es6导出语法导出,export const a = 1
  • 模块中导入其他模块,大部分使用import foo from ''方式
  • js文件导入其他文件,大部人使用const集合nodejs导出语法导入,const foo = require('')
  1. 在各种方法中使用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. 使用classextends,不再使用prototype

模块

  1. 优先使用importexport

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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容