前端javascript编码规范

2018-02-07  本文已影响9人  白水螺丝

对齐缩进与换行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的语法。

上一篇 下一篇

猜你喜欢

热点阅读