JavaScript系列知识——JavaScript代码规范

JavaScript系列知识——JavaScript代码规范

一、JavaScript 代码规范

1、代码规范通常包括以下几个方面:

1)变量和函数的命名规则

2)空格,缩进,注释的使用规则

3)其他常用规范……

注意:规范的代码可以更易于阅读与维护,代码规范一般在开发前规定,可以跟团队成员来协商设置。


二、JavaScript命名规范

1、变量名命名推荐使用驼峰命名法来命名

骆驼式命名法(Camel-Case)又称驼峰式命名法,是电脑程式编写时的一套命名规则(惯例)。正如它的名称CamelCase所表示的那样,是指混合使用大小写字母来构成变量和函数的名字。程序员们为了自己的代码能更容易的在同行之间交流,所以多采取统一的可读性比较好的命名方式。
【小驼峰法】
*变量、函数一般用小驼峰法标识。驼峰法的意思是:除第一个单词之外,其他单词首字母大写。譬如myStudentCount
【大驼峰法】
*相比小驼峰法,大驼峰法(即帕斯卡命名法)把第一个单词的首字母也大写了。常用于类名,命名空间等。譬如DataBaseUser
【全局变量为大写,常量 (如 PI) 为大写 (UPPERCASE )】

三、JavaScript空格与运算符规范

1、通常运算符 ( = + - * / ) 前后需要添加空格,比如var x = y + z;

四、JavaScript代码缩进规范

1、通常使用 4 个空格符号来缩进代码块,比如

function toCelsius(fahrenheit) {
    return (5 / 9) * (fahrenheit - 32);
}

注意: 不推荐使用 TAB 键来缩进,因为不同编辑器 TAB 键的解析不一样。

五、JavaScript语句规则

1、简单语句的通用规则:一条语句通常以分号作为结束符。比如,var values = [“Volvo”,”Fiat”];

2、复杂语句的通用规则:

  • 将左花括号放在第一行的结尾。
  • 左花括号前添加一空格。
  • 将右花括号独立放在一行。
  • 不要以分号结束一个复杂的声明。
比如:
var person = {
    firstName: "John",
    lastName: "Doe",
    age: 50,
    eyeColor: "blue"
};

六、JavaScript对象规则

1、对象定义的规则:

  • 将左花括号与类名放在同一行。
  • 冒号与属性值间有个空格。
  • 字符串使用双引号,数字不需要。
  • 最后一个属性-值对后面不要添加逗号。
  • 将右花括号独立放在一行,并以分号作为结束符号。
比如:
var person = {
    firstName: "John",
    lastName: "Doe",
    age: 50,
    eyeColor: "blue"
};

2、短的对象代码可以直接写成一行:var person = {firstName:”John”, age:50};

七、每行代码字符小于 80

为了便于阅读每行字符建议小于数 80 个。如果一个 JavaScript 语句超过了 80 个字符,建议在运算符或者逗号后换行。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章