前端javascript编码规范

对齐缩进与换行r

缩进

在同一系统中应采用同一种缩进标准,缩进大小为4个空格。各编译器对Tab键所代替的空白大小定义不同。建议在设置开发环境时,将编辑器里的Tab快捷键重新设置成4个空格。多数编译器提供了此功能。否则建议按4次空格来进行缩进。

换行

在以下位置必须换行:

  1. 每个独立语句结束后;
  2. if、else、catch、finally、while等关键字前;
  3. 运算符处换行时,运算符必须在新行的行首。
  4. 对于因为单行长度超过限制时产生的换行,参考行长度中的策略进行分隔。

命名

命名法说明

命名的方法通常有以下几类:

  1. camel命名法,形如thisIsAnApple ,常用语命名方法名、变量名等
  2. pascal命名法,形如ThisIsAnApple,常用语命名class
  3. 下划线命名法,形如this_is_an_apple ,常用语命名敞亮
  4. 中划线命名法,形如this-is-an-apple ,常用语命名css的class

根据不同类型的内容,必须严格采用如下的命名法:

  1. 变量名:必须使用camel命名法
  2. 参数名:必须使用camel命名法
  3. 函数名:必须使用camel命名法
  4. 方法/属性:必须使用camel命名法
  5. 私有(保护)成员和方法:必须以下划线_开头
  6. 常量名:必须使用全部大写的下划线命名法,如IS_DEBUG_ENABLED
  7. 类名:必须使用pascal命名法

区分方法和事件

规则如下:

  1. 事件命名:采用camel命名法,并且需要在结尾处添加Event字样,如selectItemEvent
  2. 方法命名:采用camel命名法,私有方法请使用_作为前缀

在使用了babel编译器的工程,尽量使用es6的语法。

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

推荐阅读更多精彩内容

  • 原文: https://github.com/ecomfe/spec/blob/master/javascript...
    zock阅读 8,645评论 2 36
  • Android编码规范 源文件基础 文件名 源文件以其最顶层的类名来命名,大小写敏感,文件扩展名为.java。 文...
    呼呼哥阅读 4,596评论 0 0
  • JavaScript编码规范 1 前言 2 代码风格 2.1 文件 2.2 结构 2.2.1 缩进 2.2.2 空...
    春木橙云阅读 3,579评论 0 0
  • JavaScript编码规范 1 前言 JavaScript 在百度一直有着广泛的应用,特别是在浏览器端的行为管理...
    Top_Chenxi阅读 3,398评论 1 2
  • 作者:李旺成 时间:2016年4月3日 1. 前言 这份文档参考了 Google Java 编程风格规范和 Goo...
    diygreen阅读 40,068评论 19 224