所有的 JavaScript 项目适用同一种规范。
JavaScript 代码规范
代码规范通常包括以下几个方面:
规范的代码可以更易于阅读与维护。
代码规范一般在开发前规定,可以跟你的团队成员来协商设置。
变量名
变量名推荐使用驼峰法来命名(camelCase):
firstName = "John";
lastName = "Doe";
price = 19.90;
tax = 0.20;
fullPrice = price + (price * tax);
在JavaScript中定义变量名时,还应该注意以下事项:
空格与运算符
通常运算符 ( = + - * / ) 前后需要添加空格:
实例:
var x = y + z;
var values = ["Volvo", "Saab", "Fiat"];
代码缩进
通常使用 4 个空格符号来缩进代码块:
函数:
function toCelsius(fahrenheit) {
return (5 / 9) * (fahrenheit - 32);
}
注意:不推荐使用 TAB 键来缩进,因为不同编辑器 TAB 键的解析不一样。
语句规则
简单语句的通用规则:
实例:
var values = ["Volvo", "Saab", "Fiat"];
var person = {
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor: "blue"
};
复杂语句的通用规则:
所有声明语句都应当以分号结尾。最后一条声明语句后面的分号是可选的,但是,如果省略这个分号,你的代码可能更易出错。
函数:
function toCelsius(fahrenheit) {
return (5 / 9) * (fahrenheit - 32);
}
循环:
for (i = 0; i < 5; i++) {
x += i;
}
条件语句:
if (time < 20) {
greeting = "Good day";
} else {
greeting = "Good evening";
}
对象规则
对象定义的规则:
实例:
var person = {
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor: "blue"
};
短的对象代码可以直接写成一行:
实例:
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
每行代码字符小于 80
为了便于阅读每行字符建议小于数 80 个。
如果一个 JavaScript 语句超过了 80 个字符,建议在 运算符或者逗号后换行。
实例:
实例:
document.getElementById("demo").innerHTML =
"Hello W3Cschool.";
尝试一下 »
注意:在函数声明、函数表达式、函数调用、对象创建、数组创建、for语句等场景中,不允许在,或;前换行。
命名规则
一般很多代码语言的命名规则都是类似的,例如:
变量命名你是否使用这几种规则: hyp-hens, camelCase, 或under_scores ?
HTML 和 CSS 的横杠(-)字符:
HTML5 属性可以以 data- (如:data-quantity, data-price) 作为前缀。
CSS 使用 - 来连接属性名 (font-size)。
注意:- 通常在 JavaScript 中被认为是减法,所以不允许使用。
下划线:
很多程序员比较喜欢使用下划线(如:date_of_birth), 特别是在 SQL 数据库中。
PHP 语言通常都使用下划线。
帕斯卡拼写法(PascalCase):
帕斯卡拼写法(PascalCase) 在 C 语言中语言较多。
驼峰法:
JavaScript 中通常推荐使用驼峰法,jQuery 及其他 JavaScript 库都使用驼峰法。
注意:变量名不要以 $ 作为开始标记,会与很多 JavaScript 库冲突。
HTML 载入外部 JavaScript 文件
使用简洁的格式载入 JavaScript 文件 ( type 属性不是必须的):
使用 JavaScript 访问 HTML 元素
一个糟糕的 HTML 格式可能会导致 JavaScript 执行错误。
以下两个 JavaScript 语句会输出不同结果:
实例
var obj =getElementById("Demo")
var obj = getElementById("demo")
HTML 与 JavaScript 尽量使用相同的命名规则。
访问 HTML(5) 代码规范。
文件扩展名
HTML 文件后缀可以是 .html (或r .htm)。
CSS 文件后缀是 .css 。
JavaScript 文件后缀是 .js 。
使用小写文件名
大多 Web 服务器 (Apache, Unix) 对大小写敏感: london.jpg 不能通过 London.jpg 访问。
其他 Web 服务器 (Microsoft, IIS) 对大小写不敏感: london.jpg 可以通过 London.jpg 或 london.jpg 访问。
你必须保持统一的风格,我们建议统一使用小写的文件名。
学完本教程之后,W3Cschool推荐您进行实战练习来巩固自己的知识:
JavaScript 格式化整理工具
在线JavaScript 格式化整理工具
修改myeclipse中jsp文件默认打开方式
在我们做JAVA企业级开发的时候,经常使用一个优秀的IDE来进行开发,但是我们在开发网页应用时,总会使用到jsp来显示我们的前端设计,然而,在myeclipse中,都设置成了默认使用可视化编辑器来打开 ,由于myeclipse本身就比较大,所以导致在打开jsp文件时,非常的慢,实在让人受不了。本次分享中,我将教大家如何来修改文件的默认打开方式,这个方法通用于所有myeclipse支持的文件类型。请看:
首先,我们来看看如果不修改的话,jsp文件默认的打开方式是这样的,分成两个视图,一个是可视化视图,一个是代码视图,打开非常缓慢,实在让人捉急啊。
接下来,我们来修改其默认打开方式,从主菜单中点击【windowns】- 【preferrences】,这样就打开了窗口的视图属性设置对话框:
在视图属性设置对话框中,为了快速找到我们需要的默认编辑器的位置,我们在搜索框里输入:file 。因为我们是需要修改文件的默认编辑器,所以肯定跟文件属性相关,因而我们输入file进行定位。
找到了【General】 - 【editors】 - 【file association】,可以看到对于同一种类型的文件,可能有不止一种编辑器可以对它进行编辑,所以,我们就需要确定我们自己需要的是哪种,把这种设置为默认的打开方式,以后,我们就可以直接双击后,就是我们需要的编辑器打开了。
最后,修改好之后点击确定,我们来验证一下,重启myeclipse之后,打开一个jsp文件,发现确实出现了如我们需要的那种编辑器打开了。