原文来自淘宝前端开饭规范:http://kissyteam.github.com/docs/html/styleguide/js-style-rules.html
行与缩进
语句行
- 尽可能不要让每行超过 120 个字符;
- 语句必须以分号作为结束符, 不要忽略分号;
空格
- 数值操作符(如, +/-/*/%
等)两边留空;
- 赋值操作符/等价判断符两边留一空格;
- for 循环条件中, 分号后留一空格;
- 变量声明语句, 数组值, 对象值及函数参数值中的逗号后留一空格;
- 空行不要有空格;
- 行尾不要有空格;
- 逗号和冒号后一定要跟空格;
- 点号前后不要出现空格;
- 空对象和数组不需要填入空格;
- 函数名末尾和左括号之间不要出现空格;
空行
- 逻辑上独立的代码块使用空行分隔;
- 文件末尾留 1~2
个空行;
- 不要吝啬空行。尽量使用空行将逻辑相关的代码块分割开,以提高程序的可读性。
缩进
-
以 4 个空格为一缩进层次;
-
变量声明:
- 多个变量声明时, 适当换行表示;
- 参照 var
关键字, 缩进一层次;
-
函数参数:
- 函数参数写在同一行上;
- 传递匿名函数时, 函数体应从调用该函数的左边开始缩进;
-
数组和对象初始化时:
- 如果初始值不是很长, 尽量保持写在单行上;
- 初始值占用多行时, 缩进一层次;
- 对象中, 比较长的变量/数值, 不要以冒号对齐;
-
二元/三元操作符:
- 操作符始终跟随前行;
- 实在需要缩进时, 按照上述缩进风格;
-
表达式中的缩进同变量声明时;
括号
原则: 不要滥用括号, 必要时一定要使用.
-
if/else/while/for
条件表达式必须有小括号;
- 语句块必须有大括号;
- 一元操作符(如 delete,
typeof,
void
)或在某些关键词(如 return,
throw,
case,
new
) 之后, 不要使用括号;
变量
- 变量如有较广的作用域, 使用全局变量; 如果是在类中, 可以设计成为一个类的成员;
- 函数体中, 多个局部变量集中在一起声明, 避免分散;
- 适当延迟变量的初始化;
字符串
- JS 代码中, 单行字符串使用单引号;
- JS 代码中, 多行字符串使用 +
拼接形式, 不要使用 \
拼接;
- HTML 中 Element
属性, 使用双引号;
命名规范
原则: * 尽量避免潜在冲突; * 精简短小, 见名知意;
-
普通变量统一使用驼峰形式;
-
常量使用全部大写, 多个单词以下划线分隔;
-
枚举量, 同常量;
-
私有变量, 属性和方法, 名字以下划线开头;
-
保护变量, 属性和方法, 名字同普通变量名;
-
方法和函数的可选参数, 名字以 opt_
开头, 使用 @param
标记说明;
-
- 方法和函数的参数个数不固定时:
-
- 可添加参数 var_args
为参数个数;
- 取代使用 arguments
;
- 使用 @param
标记说明;
-
-
Getter/Setter
命名:
-
- 以 getFoo/setFoo(value)
形式;
- 布尔类型使用 isFoo()/hasFoo()/canDo()/shouldDO()
也可;
-
- 命名空间:
-
- 为全局代码使用命名空间, 如 sloth.*
;
- 外部代码和内部代码使用不同的命名空间;
-
重命名那些名字很长的变量, 不要在全局范围内创建别名, 而仅在函数块作用域中使用;
-
文件名应全部使用小写字符, 且不包含除 -
和 _
外的标点符号;
-
临时的重复变量建议以 i,
j,
k
, ..., 命名;
JavaScript 语言规范
- 声明变量时,必须加上 var
关键字。
- 尽量减少全局变量的使用。
- 语句总是以分号结尾。
- 不要在块内声明函数。
- 标准特性优于非标准特性(如果类库有提供,优先使用类库中的函数)。
- 不要封装基本类型。
- 只在解析序列化串时使用 eval()
。
- 禁止使用 with
。
- 减少使用 continue
和 break
。
- 仅在函数内使用 this
。
- 使用 Array/Object
直接量,避免使用 Array/Object
构造器。
- 禁止修改内置对象的原型。
分享到:
相关推荐
JavaScript 开发规范 概述:本文档提供了一份关于 JavaScript 开发规范的指南,旨在帮助开发者编写高质量的 JavaScript 代码。本规范涵盖了变量、常量、分号、嵌套函数、块内函数声明等方面的规则和建议。 一、...
JavaScript 开发规范是前端开发中的重要组成部分,旨在提高代码质量、可读性和可维护性。以下是一些关键的JavaScript编码规范: 1. **变量声明**: - 总是使用 `var`、`let` 或 `const` 来声明变量。不指定变量...
JavaScript开发规范旨在提升代码质量、可读性和维护性,遵循一定的规则可以避免潜在的错误,提高团队合作效率。以下是一些关键的JavaScript编程规范: 1. **文件编码**:所有JavaScript文件应统一使用UTF-8编码,以...
JavaScript开发规范是提升代码质量、团队协作效率以及代码可维护性的关键。以下是一些重要的JavaScript开发规范要求: 1. **保证代码压缩后不出错**:在项目发布时,JavaScript文件通常会被压缩,如使用Google ...
JavaScript开发规范旨在提升代码的可读性、可维护性和团队协作效率。本文将详细阐述命名规范、注释规范以及框架开发中的注意事项。 1. **命名规范** - **驼峰式命名法** 是JavaScript中最常用的命名规则,它分为大...
本人在开发工作中就曾与不按规范来开发的同事合作过,与他合作就不能用“愉快”来形容了。现在本人撰写此文的目的除了与大家分享一点点经验外,更多的是希望对未来的合作伙伴能够起到一定的借鉴作用。当然,如果我说...
JavaScript开发规范要求主要涉及代码编写过程中的多个重要方面,包括代码压缩、IDE格式化、文档注释、变量命名和避免使用生僻语法。这些规范对于提升代码的可维护性、可读性和执行效率具有重要意义。 首先,关于...
3. JavaScript开发规范: - **ES6+语法**:使用最新版本的JavaScript特性,如let/const代替var,箭头函数,模板字符串等。 - **模块化**:使用CommonJS、AMD或ES6的import/export管理代码模块。 - **异步编程**:...
遵循JavaScript开发规范,有助于提升代码质量: 1. 使用严格的ES6语法,如let/const代替var,使用模板字符串等。 2. 注重代码结构,采用模块化开发,如使用CommonJS或ES6的import/export。 3. 使用立即执行函数...
作为一名开发人员(We前端JavaScript开发),不规范的开发不仅使日后代码维护变的困难,同时也不利于团队的合作,通常还会带来代码安全以及执行效率上的问题。本人在开发工作中就曾与不按规范来开发的同事合作过,与...
**第一章 总则** ...以上仅是JavaScript开发规范的一部分,完整的规范还包括代码注释、错误处理、异步操作、模块化等多方面的内容。通过遵循这些规范,开发者可以构建出更健壮、易于理解和维护的JavaScript代码。
本篇文章旨在提供一套统一的JavaScript编码规范,帮助开发人员编写易于理解和维护的代码。 #### 2. 代码风格 ##### 2.1 文件 **[建议]** 使用无BOM的UTF-8编码。 - **解释**: UTF-8编码在全球范围内具有广泛的...
《JavaScript开发规范》是一份详尽的编程准则,旨在提升代码质量、可读性和维护性。这份规范涵盖了文件命名、代码格式、注释规则以及命名约定等多个方面。 在文件命名方面,JavaScript代码应当存储为.js文件,...
JavaScript 编码规范是软件开发过程中非常重要的一部分,它对代码的质量和可维护性产生着直接的影响。下面是对 JavaScript 编码规范的详细解释和分析。 缩进 在 JavaScript 编码中,缩进是非常重要的。缩进的目的...