首页 > 代码库 > JavaScript编写风格指南 (二)
JavaScript编写风格指南 (二)
七:注释
// 频繁的使用注释有助于他人理解你的代码
// 1.代码晦涩难懂
// 2.可能被误认为是错误的代码
// 3.必要但不明显的针对特定浏览器的代码
// 4.对于对象,方法或者属性,生成文档是有必要的(使用恰当的文档注释)
七(一):单行注释
// 单行注释应当用来说明一行代码或者一组相关的代码。单行注释可能有三种使用方式
// 1.独占一行的注释,用来解释下一行的代码
// 2.在代码行的尾部的注释,用来解释它之前的代码
// 3.多行,用来注释掉一个代码块
Example:
//好的写法
if (condition) {
//如果代码执行到这里,则表明通过了所有安全性检查
allowed();
}
//不好的写法:注释之前没有空行
if () {
//如果代码执行到这里,则表明通过了所有安全性检查
allowed();
//不好的写法:错误的缩进
if () {
//如果代码执行到这里,则表明通过了所有安全性检查
allowed();
}
//好的写法
var result = something + somethingElse; //注释
//不好的写法:代码和注释间没有足有的空格
var result = something + somethingElse;//注释
// 注释一个代码块时在连续多行使用单行注释是唯一可以接受的情况
// 多行注释不应当在这种情况下使用
//好的写法
// if (condition) {
// doSomething();
// theDoSomethingElse();
// }
七(二):多行注释
多行注释应当在代码需要更多文字去解释的时候使用,每个多行注释都至少有如下三行。
1.首行仅仅包括/*注释开始.该行不应当有其他文字
2.接下来的行*开头并保持左对齐。这些行可以与文字描述
3.最后一行以*/开头并同先前保持对齐。也不应当有其它文字
// 多行注释的首行保持同它描述代码的相同层次的缩进,后续的每行应当有同样
// 层次的缩进并附加一个空格。每一个多行代码之前应当预留一个空行
//好的写法
if (condition) {
/*
* 如果代码执行到这里
* 说明通过了所有的安全性检测
*/
allowed();
}
//不好的写法:注释之前无空行
if (condition) {
/*
* 如果代码执行到这里
* 说明通过了所有的安全性检测
*/
allowed();
}
七(三):多行声明
// 注释有时候也可以用来给一段代码声明额外的信息。这些声明的格式以单个单词
// 打头并紧跟一个冒号。可使用的声明如下:
// TODO: 说明代码还未完成,应当包含下一步要做的事情
// HACK:表明代码实现走了一个捷径。应当包含为何使用 hack 的原因。
// 这也可能表明该问题可能会有更好的解决方法
// ××× : 说明代码是有问题的并应当尽快修复
// FIXME:说明代码是有问题的并应尽快修复。重要性略次与×××
// REVIEW: 说明代码任何可能的改动都需要评审
// 这些声明可能在一行或多行注释中使用,并且应当遵循同一般注释类型相同的格式规则
Example:
//好的写法
//TODO: 我希望找到以后总更快的方式
doSomething();
//好的写法
/*
* HACK: 不得不针对IE做的特殊处理。我计划后续有时间
* 重写这部分。这些代码可能需要在 1.72版本之前替换掉。
*/
if (document.all) {
doSomething();
}
七(四):多行声明
// 所有的变量在使用前都应当事先定义。变量定义应当放在函数开头,还有一个var
// 表达式,每行一个变量,除了首行。所有行都应当多一层缩进以使变量名能够垂直
// 方向对齐。变量定义是应当初始化,并且赋值操作操作符保持一致的缩进。初始化
// 的变量应当在未初始化变量之前
//好的写法
var count = 10,
name = "M",
found = false,
empty;
//不好的写法:错误的缩进
var count= 10,
name = "M",
found = false,
empty;
//不好的写法:未初始化的变量放在最前边
var empty,
count = 10,
name = "M",
found = false,
七(五):函数声明
// 函数应在使用前提前定义。一个不是作为方法的函数(也就是说没有作为一个对
// 象的属性)应当使用函数定义的格式(不是函数表达式和Function构造器格式)
// 函数名和开始圆括号之间不应当有空格。结束的圆括号和右边的花括号之间应该留意
// 个空格。右侧的花括号应当同function关键字保持同一行。开始和结束括号之间不应
// 该有空格。参数之间应当在逗号之后保留一个空格。函数体应当保持一级缩进。
//好的写法
function doSomething(arg1, arg2) {
return arg1 + arg2;
}
//不好的写法:第一行不恰当的空格
function doSomething (arg1, arg2) {
return arg1 + arg2;
}
//不好的写法:函数表达式
var doSomething = function(arg1, arg2) {
return arg1 + arg2;
}
其它函数内部定义的函数应当在var语句后立即定义
//好的写法
function outer() {
var count = 10,
name = "M",
found = false,
empty;
function inner() {
//代码
}
}
//不好的写法
function outer() {
function inner() {
//代码
}
var count = 10,
name = "M",
found = false,
empty;
}
// 匿名函数可能作为方法赋值给对象,或者作为其他函数的参数。function 关键字
// 同开始括号之间不应该有空格
//好的写法
object.method = function() {
//code
};
//不好的写法
object.method = function () {
//code
};
// 立即被调用的函数应当在函数调用的外层用圆括号包裹
//好的写法
var value = http://www.mamicode.com/(function() {
//函数体
return {
message: "Hi"
}
}());
//不好的写法:圆括号位置不当
var value = http://www.mamicode.com/(function() {
//函数体
return {
message: "Hi"
}
})();
七(六):命名
// 变量和函数在命名时应当小心。命名应仅限制与数组字母字符,某些情况下也可以使用
// 下划线。最好不要在任何命名中使用美元符号($)或者反斜杠(\)
// 变量命名也应当采用驼峰命名格式,首字母小写,每个单词字母大写。变量名的第
// 一个单词应当是一个名词(而非动词)以避免同函数混淆。不要在变量命名中使用下划线
//好的写法
var accountNumber = "23454";
//不好的写法:大写字母开头
var AccountNumber = "23454";
//不好的写法:动词开头
var getAccountNumber = "23454";
//不好的写法:使用下滑线
var account_number = "23454";
// 函数命名也应当采用驼峰命名格式。函数名的第一个单词应当是动词(而非名词)
// 来避免同变量混淆。函数名中最好不要使用下划线
//好的写法
function doSomething() {
//code
}
//不好的写法:大写字母开头
function DoSomething() {
//code
}
//不好的写法:使用下划线
function Do_Something() {
//code
}
// 构造函数---通过new运算符创建新对象的函数---也应当以驼峰格式,命名并且
// 首字母大写,构造函数名称应当以非动词开头,因为new代表着创建一个对象实例的操作
//好的写法
function MyObject() {
//code
}
//不好的写法:小写字母开头
function myObject() {
//code
}
//不好的写法:使用下划线
function My_Object() {
//code
}
//不好的写法: 使用动词开头
function getMyObject() {
//code
}
// 常量(值不会被改变的变量)的命名应当是所有字母大写,不同单词之间用单个下滑下隔开
//好的写法
var TOTAL_COUNT = 10;
// 对象的属性同变量的命名规则相同。对象的方法同函数的命名规则相同。如果属性
// 或者方法是私有的,应当在之前加一个下划线
//好的写法
var object = {
_count: 10,
_getCount: function () {
return this._count;
}
};
JavaScript编写风格指南 (二)